DIFFERENT BUTTONS
copy this code save as .html
<html>
<head>
<title> buttons</title>
<style type="text/css">
#one{color: red; font-weight: bold}
#two{color: darkgreen; font-weight: bold; background-image: url(C:\Users\Public\Pictures\Sample Pictures\forest.jpeg); width:200; height:150}
#three{color: firebrick; background-color: ivory; border-color: firebrick; font-family: chiller}
#four{color: white; background-color: blue; border-color: yellow; border-style: groove; border-width:10; width:200}
#five{text-decoration: underline; background-color: green; color: lime}
</style>
</head>
<body>
<!--form 1-->
<form name="form1">
<!--button 1-->
<input id="One" type=button name="button1" value="push me">
<!--button 2-->
<input id="Two" type=button name="button1" value="push me">
<!--button 3-->
<input id="Three" type=button name="button1" value="push me">
<!--button 4-->
<input id="Four" type=button name="button1" value="push me">
<!--button 5-->
<input id="Five" type=button name="button1" value="push me">
<!--button 6-->
<input type=button name="button" value="push me">
</form>
</body>
</html>
<html>
<head>
<title> buttons</title>
<style type="text/css">
#one{color: red; font-weight: bold}
#two{color: darkgreen; font-weight: bold; background-image: url(C:\Users\Public\Pictures\Sample Pictures\forest.jpeg); width:200; height:150}
#three{color: firebrick; background-color: ivory; border-color: firebrick; font-family: chiller}
#four{color: white; background-color: blue; border-color: yellow; border-style: groove; border-width:10; width:200}
#five{text-decoration: underline; background-color: green; color: lime}
</style>
</head>
<body>
<!--form 1-->
<form name="form1">
<!--button 1-->
<input id="One" type=button name="button1" value="push me">
<!--button 2-->
<input id="Two" type=button name="button1" value="push me">
<!--button 3-->
<input id="Three" type=button name="button1" value="push me">
<!--button 4-->
<input id="Four" type=button name="button1" value="push me">
<!--button 5-->
<input id="Five" type=button name="button1" value="push me">
<!--button 6-->
<input type=button name="button" value="push me">
</form>
</body>
</html>
Comments
Post a Comment