Write A program to Display Example of Class Selector .
Code :
class1.css
.color
{
background-color:black;
color:red;
font-size:30px
}
.font1
{
font-size:50px;
color:green;
font-family:cooper
}
.font2
{
font-size:80px;
color:#230980;
font-family:lucida scans;
text-align:center
}
Class-selector.html
<html>
<head>
<title>class css</title>
<link rel="stylesheet"type ="text/css" href ="class1.css">
</head>
<body class ="color">
<h1 class ="font1">Hello good afternoon</h1>
<pre class ="font2"> how r u?</pre>
this is layout of color class.
<p class ="font1"> this is example of class selector </p>
<h4 class ="font2">font2 class is used </h4>
<ol class ="font2" start ="8" type ="i">
<li>zarna:hi! how r u?
<li>dhuni:i am fine.
<li>dhuni:and u.
<li>zarna:i am very fine.
</ol>
<ul class ="font1" type ="disk">
<li>bansi
<li>rajvi
<li>ankita
<li>purvi
</ul>
</body>
</html>
No comments:
Post a Comment