<html>
<head><title>My css</title>
<link rel="stylesheet"
type="text/css" href="Cssexp4.css"/>
<body background="Colorful (2).jpg">
<div class="top">
</div>
<h1>MY CSS CREATIONS</h1>
<table>
<tr>
<th>Mechanical</th>
<th>I.T</th>
<th>Computer</th>
<th>Extc</th>
<th>Civil</th>
<th>Instumentation</th>
</tr>
</table>
<div class="info">
<ul id="nav">
<li><img src="mechanical-engineering.jpg"
width="150" height="150"/></li>
<li><img src="civil-engineering.jpg"
width="150" height="150"/></li>
<li><img src="Technology-Management.jpg"
width="150" height="150"/></li>
<li><img
src="computer-engineering-seminar-topics.jpg" width="150"
height="150"/></li>
<li><img src="civeng.jpg"
width="150" height="150"/></li>
</ul>
</div>
</body>
</html>
------------------------------------------------------------------------------------------------------------------------------------------
CSS FILE
body
{
font-face:Arial;
font-size:20pt;
line-height:25pt;
margin:20pt;
color:maroon;
font-style:Italic;
font-weight:Bold;
text-align:center;
background-image:url('Colorful (42).jpg');
backgound-repeat:no-repeat;
background-position:left top;
}
.top
{
background-image:url('banner.png');
width:900px;
height:120px;
background-repeat:no-repeat;
background-position:left
top;
}
h1
{
font-face:Vineta BT;
font-size:25pt;
color:pink;
font-style:Italic;
text-decoration:underline;
text-align:center;
}
table
{
border-collapse:collapse;
border:1px Solid Black;
color:white;
width:100pt;
margin:0 auto;
}
td
{
border:1px Solid Black;
vertical-align:top;
text-transform:UpperCase;
padding:5px 40px;
}
th
{
background-color:#2f8be8;
border:1px Solid Black;
vertical-align:top;
text-transform:UpperCase;
padding:5px 40px;
}
.info
{
width:1000px;
margin:0
auto;
}
#nav
{
list-style:none;
float:left;
}
#nav li
{
float:left;
padding:10px
10px 20px 10px;
}
#nav li img
{
border:2px
solid white;
border-bottom:30px
solid white;
}
0 comments:
Post a Comment