Page 91 - modular_v2.0_HTML&_CSS_Fb
P. 91
<HEAD>
<STYLE>
a:link, a:visited {
BACKGROUND-COLOR: PINK;
COLOR: RED;
PADDING: 20px 22px;
TEXT-ALIGN: CENTER;
TEXT-DECORATION: UNDERLINE;
DISPLAY: INLINE-BLOCK;
}
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;
}
89
Images, Links and Frames in HTML

