CSS Programe
CSS Programe
<html>
<head>
<style>
h1{
background-color:green;
div{
background-color:lightblue;
p{
background-color:yellow;
li{
background-color:tomato;
</style>
</head>
<li> iti
<li> cti
<li> copa
1|P ag e DIPAK KUMAR BURMAN (T.O) GOVT ITI PAMGARH
<li> csa
available on copa theory video practical video and employabilty skill classes
completed.</p>
</body>
</html>
2. Background Color :-
<html>
<body>
<h1 style="background-color:dodgerblue;">
<p style="background-color:tomato;">
</body>
</html>
3. Border Color :-
<html>
<body><center>
</body>
</html>
<html>
<head>
<style>
p.one{
border-style:solid;
border-witdth:5px;
p.two{
border-style:solid;
border-width:medium;
p.three{
border-style:dotted;
border-width:2px;
p.four{
border-style:dotted;
border-width:thick;
border-style:double;
border-width:15px;
p.six{
border-style:double;
border-width:thick;
</style>
</head>
<body>
</body>
</html>
<html>
<head>
<style>
width:320px;
padding:10px;
margin:0;
</style>
</head>
<body>
</body>
</html>
<html>
<head>
<style>
.center {
background-color:yellow;
text-align:center;
color:blue;
font-size:50px; }
</style>
<body>
<p class="center"> this paragraph is class selector using center alignment and text color is
blue font size is 50 px background color is yellow using </p>
</body>
</html>
<html>
<head>
<style>
p.center {
text-align:center;
color:red;
font-size:50px;
background-color:black;
</style>
</head>
<body>
<p class="center"> thsi is paragraph will be red and center alingment affected only p class
than background color using black and font size is 50 px </p>
</body>
8. Element Selector :-
<html>
<head>
<style>
p{
text-align:center;
color:blue;
font-size:50px;
</style>
</head>
<body>
</body>
</html>
<html>
<head>
<style>
.p1{
color:red;
.p2{
font-family:arial,heletica,sans-serief;
font-size:15px;
font varient:small-caps;
.p3{
font-style:italic;
.p4{
</style>
</head>
<body>
</body>
<html>
<head>
<style>
div{
height:100px;
width:500px;
background-color:powderblue;
</style>
</head>
<body>
<div> this div element has a height 100 px or width 500 px </div>
</body>
</html>
11. Id Selector :-
<html>
<head>
<style>
#para1 {
text-align:center;
color:red; }
</head>
<body>
</body>
</html>
<html>
<head>
<style>
body{
background-image:url("green board.jpg");
</style>
</head>
<body><br><br><br><center><font color="white">
<b> <i> <u> hunar hai to kadar hai </u> </i> </b>
</center></font></body>
</html>
<html>
<style>
body{
background-image:url("logo.png");
background-repeat:no-repeat;
background-position:center top;
margin-right:200px;
background-attachment:fixed;
</style>
</head>
<body>
</body>
</html>
<html>
<head>
<style>
div{
margin-top:10px;
margin-bottom:100px;
margin-right:100;
background-color:lightblue;
</style>
</head>
</body>
</html>
15. Outline :-
<html>
<head>
<style>
p{
margin:auto;
padding:20px;
text-align:center;
</style>
</head>
<body>
</body>
</html>
<html>
<head>
<style>
body{
background-color:lightblue;
color:blue;
</style>
</head>
<body>
</body>
</html>
<html>
<h3 style="color:tomato;">
<p style="color:dodgerblue;">
</body>
</html>
<html>
<head>
<style>
h1{
text-decoration:underline;
text-align:center;
h2{
text-decoration:underline red;
text-align:right;
h3{
text-decoration:underline double;
text-align:left;
</style>
</head>
<body>
<br> <br>
</body>
</html>
<html>
<head>
<style>
p{
border-style:solid;
border-top-width:15px;
border-bottom-width:15px;
border-left-width:15px;
border-right-width:15px;
</head>
<body>
<p> <b> note: </b> welcome to my youtube channel <h1> mahi raj iti infotech </h1></p>
</body>
</html>
<html>
</head>
<body>
text-align:center;">
<p style="color:red;">
</body>
</html>
<style>
body{
background-color:green;}
h1{
margin-left:40px;}
p{
background-color:grey;
color:blue;
font-size:25px;
text-align:center;}
</style>
<html>
<head>
</head>
<body>
</body>
</html>