0511 – INXCY
Extra 30% Off All Purchases $70.00+! Use Code: LW30   Shop Now>
<html lang="en"><head><meta charset="UTF-8" /><title>image</title><link rel="stylesheet" href="style.css" type="text/css" /></head><body> <div class="container"> <div class="image"><a href="#"><img src="field1.jpg" /></a> <div class="text">日落余晖</div> </div> <div class="image"><a href="#"><img src="field1.jpg" /></a> <div class="text">日落余晖</div> </div> <div class="image"><a href="#"><img src="field1.jpg" /></a> <div class="text">日落余晖</div> </div> <div class="image"><a href="#"><img src="field1.jpg" /></a> <div class="text">日落余晖</div> </div> <div class="image"><a href="#"><img src="field1.jpg" /></a> <div class="text">日落余晖</div> </div> <div class="image"><a href="#"><img src="field1.jpg" /></a> <div class="text">日落余晖</div> </div> </div> </body></html>style.css *{ margin: 0px; padding: 0px; } .image{ width: auto; height: auto; border: 1px solid gray; float: left; margin: 5px; text-align: center; } img{ width: 200px; height: 200px; margin: 5px; } .text{ font: 12px caption; margin-bottom: 5px; } .container{ margin: 50px auto; width: 700px; } a:hover > img{ transform: scale(1.5,1.5); -webkit-transition: .3s transform; -moz-transition: .3s transform; transition: .3s transform; }
BACK TO TOP