CSS Image Web Gallery

CSS Image Web Gallery

Add a description of the image here

Add a description of the image here

Add a description of the image here

Add a description of the image here

Copy This Code And Place Your Site

<html><head><style>div.gallery {   margin: 5px;   border: 1px solid #ccc;   float: left;   width: 180px; }  div.gallery:hover {   border: 1px solid #777; }  div.gallery img {   width: 100%;   height: auto; }  div.desc {   padding: 15px;   text-align: center; } </style></head><body> <div class="gallery">  <a href="https://www.w3schools.com/css/img_5terre.jpg" target="_blank">    <img alt="Cinque Terre" height="400" src="https://www.w3schools.com/css/img_5terre.jpg" width="600" />  </a>  <div class="desc">Add a description of the image here</div></div><div class="gallery">  <a href="https://www.w3schools.com/css/img_forest.jpg" target="_blank">    <img alt="Forest" height="400" src="https://www.w3schools.com/css/img_forest.jpg" width="600" />  </a>  <div class="desc">Add a description of the image here</div></div><div class="gallery">  <a href="https://www.w3schools.com/css/img_lights.jpg" target="_blank">    <img alt="Northern Lights" height="400" src="https://www.w3schools.com/css/img_lights.jpg" width="600" />  </a>  <div class="desc">Add a description of the image here</div></div><div class="gallery">  <a href="https://www.w3schools.com/css/img_mountains.jpg" target="_blank">    <img alt="Mountains" height="400" src="https://www.w3schools.com/css/img_mountains.jpg" width="600" />  </a>  <div class="desc">Add a description of the image here</div></div></body></html>

Latest Jobs

Tags

Post Top Ad

Friday, 14 February 2020

CSS Image Web Gallery

No comments:

Post a Comment

Post Top Ad

Popular

Archive

Subscribe Us

Tags