Page 84 - TP_Play_V2.1_class8
P. 84
a:hover, a:active {
BACKGROUND-COLOR: GREEN;
COLOR: ORANGE;
FONT-SIZE: 20px;
FONT-WEIGHT: BOLD;
}
</STYLE>
</HEAD>
<BODY>
<A HREF="Home.html">Link</A>
</BODY>
</HTML> Output
Links as Buttons
CSS properties allows us to display links as buttons. HTML codes that display links as buttons:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Valley of Flowers</TITLE>
<STYLE>
A:link, A:visited {
BACKGROUND-COLOR: yellow;
COLOR: green;
PADDING: 20PX 25PX;
TEXT-ALIGN: center;
TEXT-DECORATION: none;
DISPLAY: inline-block;
}
</STYLE>
</HEAD>
Output
<BODY>
<H1 STYLE="TEXT-ALIGN: center">Valley of Flowers</H1>
<IMG SRC="Valley_of_Flowers.jpg" ALT="Valley of Flowers" STYLE="BORDER: 4PX
SOLID BLACK; HEIGHT: 200PX; WIDTH: 250PX;">
<BR>
<A HREF="https://uttarakhandtourism.gov.in/destination/valley-of-flowers">
Click Here to Visit Official Website</A>
</BODY>
</HTML>
82 Play (Ver. 2.1)-VIII

