标签：ati 文件中 定义 run 文字 选择器 center ext width
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>img</title> <link rel="stylesheet" type="text/css" href="../static/202.css"> </head> <body> <div> <div class="img"> <a href="http://www.gzcc.cn/"> <img src="http://static.runoob.com/images/demo/demo4.jpg"> </a> <div class="d"><a href="http://www.gzcc.cn/">校园风光</a></div> </div> <div class="img"> <a href="http://www.gzcc.cn/"> <img src="http://static.runoob.com/images/demo/demo3.jpg"> </a> <div class="d"><a href="http://www.gzcc.cn/">长河落日圆</a></div> </div> <div class="img"> <a href="http://www.gzcc.cn/"> <img src="http://static.runoob.com/images/demo/demo2.jpg"> </a> <div class="d"><a href="http://www.gzcc.cn/">速度七十二迈</a></div> </div> <div class="img"> <a href="http://www.gzcc.cn/"> <img src="http://static.runoob.com/images/demo/demo1.jpg"> </a> <div class="d"><a href="http://www.gzcc.cn/">花前月下</a></div> </div> </div> <div class="clearfolat"> <img src="http://static.runoob.com/images/demo/demo4.jpg"><br> <img src="http://static.runoob.com/images/demo/demo3.jpg"><br> <img src="http://static.runoob.com/images/demo/demo2.jpg"><br> <img src="http://static.runoob.com/images/demo/demo1.jpg"><br> </div> </body> </html>
css
img {
width: 300px;
}
div.img{
border:1px solid #cccccc;
float: left;
margin: 5px;
width:180px;
}
div.img img{
width:100%;
height:auto;
}
div.desc{
text-align: center;
padding: 5px;
}
div.img:hover{
border:1px solid #000000;
}
.clearfolat{
clear: both;
}
标签：ati 文件中 定义 run 文字 选择器 center ext width
原文地址：http://www.cnblogs.com/00js/p/7698774.html
