Add a nice button to the home page (bottom)

Button First, what do you want to know about style forms? If you've ever used word, you'll know that you just need to set up a layout and print format. So all the pages in the file have the same format, and the style sheet is the same thing, the same Web site only needs to provide a style form, and then reference it on all pages, then the entire site will have the same format. A single style sheet is divided into three types.

The first is an external Web page style form. It is a CSS suffix name file, the equivalent of a template, set up in the page only need to reference it inside, you can make the referenced pages have the same format.

The second is an inline web page style form, which is generally $#@60; head$#@62;...$#@60; /head$#@62: It only works on this page, and if you already use an external style form, it will be masked by an inline web page style form.

The third type is called an inline style form for a piece of text, a table, or a graphic. In the front, we are using this style form, note that it is usually followed by a familiar HTML tag, such as the input tag of the previous text, followed by a style with some attributes and attribute values. and use them to accurately control the label! The property is separated from the property value by a colon, separated by a semicolon between the property and the property. The usual structure is as follows:

Well, with the above theoretical knowledge, let's contact the actual.

$#@60;form method= "POST"$#@62;
$#@60;p$#@62;$#@60;input type= "button" value= "Buttons" name= "A1"
Style= "Background-color:rgb (255,255,0); Color:rgb (255,0,0); Font-family: italics _gb2312; font-size:9pt; Background-image:url ("Corner_01.gif"); border-left:1px solid RGB (128,0,0); border-right:1px none rgb (128,0,128); border-top:1px double rgb (0,255,0); border-bottom:1px Ridge RGB (255,0,0) "$#@62;$#@60;/p$#@62;
$#@60;/form$#@62;

This example is based on the above two examples and add a few more attributes, that is, the background of the button is a picture, with a background-image attribute. and used a Border-left property description the left border of the button is solid, the borders are crimson, the thickness is 1pt, the rest can be and so on!

At this point, we have all mastered the button production method, the key lies in the color of the match, I wish you can make the most beautiful button.