Page 111 - Plus_V2.2_C8_Flipbook
P. 111
Display Buttons as Links
Even buttons can also be used as hyperlinks in HTML web page. This is done with the help of CSS
properties.
For example,
<!DOCTYPE HTML>
<HTML>
<HEAD> <TITLE> Buttons as Links </TITLE>
<STYLE>
a { background-color: yellow;
color: white;
padding: 6px 6px;
border-radius: 6px;
text-align:center;
text-decoration: none;
display: inline-block;}
</STYLE>
</HEAD>
<BODY>
Button as link
<H1> Buttons as links</H1>
<H2><A href="result.html"> RESULTS</A></H2>
<H2>Entrance Exam Results</H2>
</BODY>
</HTML>
Example: The colour of the button will change as separate commands are given inside the
<STYLE> tag.
<!DOCTYPE HTML>
<HTML>
<HEAD> <TITLE>Buttons as Links</TITLE>
<STYLE>
a:link{ background-color: red;
color: white;
padding: 6px 6px;
border-radius: 6px;
text-align:center;
text-decoration: none;
Links, Frames, and Forms in HTML5 109

