Page 273 - Web Applications (803) Class 12
P. 273
<p><b>Tip:</b> Click on “Button1” before and after you have clicked on “Try
Out”</p>
</body>
</html>
Output:
6. Create colourful buttons using CSS.
Ans. <html>
<head>
<style>
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 20px 30px;
text-align: center;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */
.button4 {background-color: cyan; color: black;} /* Cyan */
.button5 {background-color: #555555;} /* Black */
</style>
</head>
<body text=”brown”>
Practical Work 271

