<!doctype>
<html>
<head>
<title>wellcome css</title>
<style>
body
{
background-color:#FFCC00;
background-image:url(maz.jpg);
}
#maindiv
{
width:990px;
height:1600px;
border:5px solid black;
margin-left:auto;
margin-right:auto;
position:relative;
background-color:#CC9900;
background-image:url(mazh.jpg);
}
#banner
{
width:990px;
height:250px;
border:px solid black;
position:absolute;
background-color:#FFCC00;
}
#menu
{
width:990px;
height:40px;
border:1px solid black;
position:absolute;
background-color:black;
margin-top:250px;
font-style:italic;
}
#news
{width:990px;
height:40px;
border:1px solid black;
position:absolute;
background-color:black;
margin-top:300px;
font-style:italic;
text-align:center;}
ul
{
list-style-type:none;
margin:0;
padding:0;
margin-left:auto;
}
li
{
float:left;
text-align:center;
}
a:link
{
display:block;
width:160.5px;
font-size:20px;
text-decoration:none;
line-height:40px;
color:white;
border-radius:40px;
}
a:hover
{
background-color:white;
color:#FFCC00;
text-decoration:underline;
}
a:active
{
color:blue;
}
a:visited
{
color:brown;
}
#slider
{
width:900px;
height:320px;
border:5px solid black;
position:absolute;
margin-top:370px;
margin-left:40px;
border-radius:px;}
#pic1
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:730px;
margin-left:70px;
border-radius:20px;
}
#pic2
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:730px;
margin-left:550px;
border-radius:30px;
}
#pic3
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1015px;
margin-left:70px;
border-radius:30px;
}
#pic4
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1015px;
margin-left:550px;
border-radius:30px;
}
#pic5
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1305px;
margin-left:70px;
border-radius:30px;
}
#pic6
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1305px;
margin-left:550px;
border-radius:30px;
}
</style>
</head>
<body>
<div id="maindiv">
<div id="banner">
<img src="1/1.jpg" width="990px" height="250">
</img>
</div>
<div id="menu">
<ul id="ul">
<li id="li"><a href="index.html">Home</a></li>
<li id="li"><a href="index1.html">Gallery</a>
</li>
<li id="li"><a href="index3.html">Educaion</a></li>
<li id="li"><a href="Makeup.html">Result</a></li>
<li id="li"><a href="Cosmetics.html">Students Loan</a></li>
<li id="li"><a href="Beauty.html">Contact Us</a></li>
</ul>
</div>
<div id="news">
<ul id="ul">
<li id="li"><a href="Home.html">Latest News</a></li>
<li id="li"><a href="Fashion.html"><marquee width="825" onMouseOver="stop ()" onMouseOut="start ()" direction="right"><img src="1/9.jpg" width="835" height="40">
</marquee></img></a></li>
</ul>
</div>
<div id="slider"><embed src="mas.swf" width="900px" height="320"></embed></div>
<div id="pic1"><a href="1/2.jpg"><img src="1/2.jpg"></a>
</div>
<div id="pic2"><a href="1/3.jpg"><img src="1/3.jpg"></a>
</div>
<div id="pic3"><a href="1/7.jpg"><img src="1/7.jpg"></a></div>
<div id="pic4"><a href="1/6.png"><img src="1/6.png" width="300" height="250"></a></div>
<div id="pic5"><a href="1/8.png"><img src="1/8.png" width="300" height="250"></a></div>
<div id="pic6"><a href="1/5.png"><img src="1/5.png" width="300" height="250"></a></div>
</div>
</body>
</html>
<html>
<head>
<title>wellcome css</title>
<style>
body
{
background-color:#FFCC00;
background-image:url(maz.jpg);
}
#maindiv
{
width:990px;
height:1600px;
border:5px solid black;
margin-left:auto;
margin-right:auto;
position:relative;
background-color:#CC9900;
background-image:url(mazh.jpg);
}
#banner
{
width:990px;
height:250px;
border:px solid black;
position:absolute;
background-color:#FFCC00;
}
#menu
{
width:990px;
height:40px;
border:1px solid black;
position:absolute;
background-color:black;
margin-top:250px;
font-style:italic;
}
#news
{width:990px;
height:40px;
border:1px solid black;
position:absolute;
background-color:black;
margin-top:300px;
font-style:italic;
text-align:center;}
ul
{
list-style-type:none;
margin:0;
padding:0;
margin-left:auto;
}
li
{
float:left;
text-align:center;
}
a:link
{
display:block;
width:160.5px;
font-size:20px;
text-decoration:none;
line-height:40px;
color:white;
border-radius:40px;
}
a:hover
{
background-color:white;
color:#FFCC00;
text-decoration:underline;
}
a:active
{
color:blue;
}
a:visited
{
color:brown;
}
#slider
{
width:900px;
height:320px;
border:5px solid black;
position:absolute;
margin-top:370px;
margin-left:40px;
border-radius:px;}
#pic1
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:730px;
margin-left:70px;
border-radius:20px;
}
#pic2
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:730px;
margin-left:550px;
border-radius:30px;
}
#pic3
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1015px;
margin-left:70px;
border-radius:30px;
}
#pic4
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1015px;
margin-left:550px;
border-radius:30px;
}
#pic5
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1305px;
margin-left:70px;
border-radius:30px;
}
#pic6
{
width:300px;
height:250px;
border:5px solid black;
position:absolute;
margin-top:1305px;
margin-left:550px;
border-radius:30px;
}
</style>
</head>
<body>
<div id="maindiv">
<div id="banner">
<img src="1/1.jpg" width="990px" height="250">
</img>
</div>
<div id="menu">
<ul id="ul">
<li id="li"><a href="index.html">Home</a></li>
<li id="li"><a href="index1.html">Gallery</a>
</li>
<li id="li"><a href="index3.html">Educaion</a></li>
<li id="li"><a href="Makeup.html">Result</a></li>
<li id="li"><a href="Cosmetics.html">Students Loan</a></li>
<li id="li"><a href="Beauty.html">Contact Us</a></li>
</ul>
</div>
<div id="news">
<ul id="ul">
<li id="li"><a href="Home.html">Latest News</a></li>
<li id="li"><a href="Fashion.html"><marquee width="825" onMouseOver="stop ()" onMouseOut="start ()" direction="right"><img src="1/9.jpg" width="835" height="40">
</marquee></img></a></li>
</ul>
</div>
<div id="slider"><embed src="mas.swf" width="900px" height="320"></embed></div>
<div id="pic1"><a href="1/2.jpg"><img src="1/2.jpg"></a>
</div>
<div id="pic2"><a href="1/3.jpg"><img src="1/3.jpg"></a>
</div>
<div id="pic3"><a href="1/7.jpg"><img src="1/7.jpg"></a></div>
<div id="pic4"><a href="1/6.png"><img src="1/6.png" width="300" height="250"></a></div>
<div id="pic5"><a href="1/8.png"><img src="1/8.png" width="300" height="250"></a></div>
<div id="pic6"><a href="1/5.png"><img src="1/5.png" width="300" height="250"></a></div>
</div>
</body>
</html>
No comments:
Post a Comment