Image site using html and css
<!DOCTYPE html>
<head>
<style type="text/css">
.bor
{
text-align:center;
height:230px;
width:150px;
border:#000000 solid 2px;
padding:1px;
float:left;
margin:2px;
}
.bor img
{
height:200px;
width:140px;
margin:1px;
border:#000000 2px solid;
}
.bor img a:hover img
{
border:#00CC66 solid 2px;
}
.img uk
{
text-align:center;
font-weight:normal;
width:120px;
margin:0px;
}
#container
{
width:900px;
text-align:center;
}
</style>
</head>
<body>
<div id="container">
<div class="bor" ><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
</div>
</body>
</body>
</html>
Download PHP PDF php basic tutorial pdf
Output
 |
| image site |
1 comment:
Dear Author,
I is better to write the code with syntax highlighting, will give the amazing user experience while visiting on your page.
Try searching syntaxhighlighter in google
Post a Comment