Add an embedded style sheet to the XHTML document in Fig. 4.5. The style sheet should contain a rule that displays h1 elements in blue. In addition, create a rule that displays all links in blue without underlining them. When the mouse hovers over a link, change the link’s background color to yellow.
Copy Code From Here
<html>
<head>
<link rel="stylesheet" type="text/css" href="q6.css" />
<style>
.bd
{
background-color:lightgrey;
}
dd{
font-size:20px;
color:green;
font-weight:normal;
margin-left:30px;
}
p.a
{
border-top-style:dotted;
border-left-style:ridge;
border-right-style:solid;
border-bottom-style:dotted;
border-top-color:darkgreen;
border-bottom-color:darkgreen;
color:red;
border-left-color:blue;
border-right-color:maroon;
}
p.b
{
border-top-style:dotted;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:dashed;
border-color:blue;
color:green;
}
p.c
{
border-style:dotted;
border-color:magenta;
color:black
}
.f
{
background-color:white;
}
</style>
</head>
<body class="bd">
<table width="100%" height="100%">
<tr>
<td valign="top" align="center">
<img src="tree.png" width="400" height="500">
</td>
<td colspan="2" width="80%">
<fieldset style="margin-top:-90px" class="f">
<dl>
<dt style="color:red;font-size:30px">
Hello World !
</dt>
<dd>This is a tree.I used to receive virtual smiles,
sweet morning and night greetings. Now all I have is silence, and a blistered heart.
An external style sheet (CSS) is perfect - when the same style / format / look n feel is required on numerous pages. With an external style sheet,
the webmaster can change the look of the entire site - by changing one file.
</dd>
</dl>
</fieldset>
<p class="d">
<p class="a">
Java is a Object oriented language.
</p>
<p class="b">
Html is used to design a web page.
</p>
<p class=c>
css is used to give additional features to over web page.
</p>
<h1>
Want to become a good person.
</h1>
<hr>
<p style="font-family:Arial;font-size:22px;color: #A52A2A;font-weight:normal;">
Css is very importtant language. for Wt programming.
</p></p><br>
<a href="demo.html">
This a demo link
</a>
</td></tr></table>
</body></html>
<head>
<link rel="stylesheet" type="text/css" href="q6.css" />
<style>
.bd
{
background-color:lightgrey;
}
dd{
font-size:20px;
color:green;
font-weight:normal;
margin-left:30px;
}
p.a
{
border-top-style:dotted;
border-left-style:ridge;
border-right-style:solid;
border-bottom-style:dotted;
border-top-color:darkgreen;
border-bottom-color:darkgreen;
color:red;
border-left-color:blue;
border-right-color:maroon;
}
p.b
{
border-top-style:dotted;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:dashed;
border-color:blue;
color:green;
}
p.c
{
border-style:dotted;
border-color:magenta;
color:black
}
.f
{
background-color:white;
}
</style>
</head>
<body class="bd">
<table width="100%" height="100%">
<tr>
<td valign="top" align="center">
<img src="tree.png" width="400" height="500">
</td>
<td colspan="2" width="80%">
<fieldset style="margin-top:-90px" class="f">
<dl>
<dt style="color:red;font-size:30px">
Hello World !
</dt>
<dd>This is a tree.I used to receive virtual smiles,
sweet morning and night greetings. Now all I have is silence, and a blistered heart.
An external style sheet (CSS) is perfect - when the same style / format / look n feel is required on numerous pages. With an external style sheet,
the webmaster can change the look of the entire site - by changing one file.
</dd>
</dl>
</fieldset>
<p class="d">
<p class="a">
Java is a Object oriented language.
</p>
<p class="b">
Html is used to design a web page.
</p>
<p class=c>
css is used to give additional features to over web page.
</p>
<h1>
Want to become a good person.
</h1>
<hr>
<p style="font-family:Arial;font-size:22px;color: #A52A2A;font-weight:normal;">
Css is very importtant language. for Wt programming.
</p></p><br>
<a href="demo.html">
This a demo link
</a>
</td></tr></table>
</body></html>
Output:
0 Comments: