Add a nice button to the home page (top)

Button

is not in the Web page, for the production of buttons to worry ah? Use the picture to do the button, influence speed, do not use the picture, the webpage comes with the button really is does not feel the compliment, really recently more vexed, actually, has the CSS (cascading style sheet abbreviation, the cascading style list), on some questions may welcome the toughness and the solution.

$#@60;! -Example 1. Yellow background button --$#@62;
$#@60;form method= "POST"$#@62;
$#@60;p$#@62;
$#@60;input type= "button" value= "Buttons" name= "A1" style= "Background-color:rgb (255,255,0)"$#@62;

$#@60;/p$#@62;

$#@60;/form$#@62;

Slightly understand the HTML original code and CSS friends can see, the above code is the HTML of the common button in a style form (style), with Background-color to state the background color properties of the button, followed by RGB (255,255,0) gave its attribute value , it becomes the yellow button that we see.

$#@60;! -Example 2. Yellow background, 9pt red italics button --$#@62;

$#@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 "$#@62;

$#@60;/p$#@62;

$#@60;/form$#@62;

The example above is a step on the basis of example 1, adding three attributes, one is color, his value is RGB (255,0,0), is the color of the font is red. Another is font-family, which indicates that the character of the font is in italics, and that his value is in italics _gb2312. The last font-size refers to the font size of the property is 9pt.

Through the above two examples, we have basically mastered the use of CSS to make the buttons on your Web page more beautiful. Below, I will teach you the actual, make more complex, more beautiful buttons.