MULTIPLE BACKGROUND WITH CSS
Background affect the appearance of any Web page, with the help of CSS you can divide the page into different blocks and set the different background colours and images to differentiate the each section of your page with the help of CSS. Background can varies from page to page which will increase the look of the page or make it more attractive.
First of all you will make a separate file of css in this case it is "sac.css".
Here is a simple code of sac.css file:
body
{
background:#FF0099 url url(c2.jpg) repeat-y fixed left;
margin : 10px 10px 10px 75px;
}
.banner
{
background-color:#FF8040;
text-align: center;
}
.section
{
background-color:#FFFF00;
}
Here is the code of the html file.
{
background:#FF0099 url url(c2.jpg) repeat-y fixed left;
margin : 10px 10px 10px 75px;
}
.banner
{
background-color:#FF8040;
text-align: center;
}
.section
{
background-color:#FFFF00;
}
Here is the code of the html file.
<Link rel="stylesheet" type="text/css"
href = "SAC.css" />
</head>
<body>
<DIV CLASS ="banner">
<h2>Child Labour in Pakistan</h2>
</DIV>
<DIV CLASS ="section">
<H3> Our Mission </H3>
We focus our attention to the most important issue of the Pakistan against the rights of the children. Now a days more then 35 percent children are the part of the forced labour. Our mission is to support all those children who are facing such crime.</div>
<DIV CLASS ="section">
<H3>About us </H3>
If you have any information which will save the childen from the child labour you are requested to send us the information on as soon as possible basis. <a href="mailto:Saifullahdarpk@gmail.com"> Send us Mail.</a></div>
</body>
</html>
No comments:
Post a Comment