CSS Gallery | Code Template List Submission Slider Grid

CSS Gallery

by Abhishek 07-Jul-16

0 1550


For create attractive and simple photo gallery for your website or blog, please use below code and you can easily modify the code. For any technical issue you can feel free contact to us.

<!DOCTYPE html>
<html lang="en">
<head>
<title> CSS GALLERY </title>
<style type="text/css">
.div_img{ width:250px; float:left; border:3px solid #990000; margin:10px;}
.div_img:hover { opacity:0.5; border:3px solid #0099FF}
.div_img p{ padding:5px; text-align:center;}
</style>
</head>

<body>
<div class="div_img">
<img src="Put Here Image Path" width="250" height="200">
<p> Image Description 1 </p>
</div>
<div class="div_img">
<img src="Put Here Image Path" width="250" height="200">
<p> Image Description 2 </p>
</div>
<div class="div_img">
<img src="Put Here Image Path" width="250" height="200">
<p> Image Description 3 </p>
</div>
<div class="div_img">
<img src="Put Here Image Path" width="250" height="200">
<p> Image Description 4 </p>
</div>
</body>
</html>

Result:

CSS Gallery


Share:


Discount Coupons



Leave a Reply


Comments
    Waiting for your comments