标签：width doctype 定义 实例 clean tle blog 使用 :hover
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="../残血/css/66.css"> </head> <body> <div class="logo"> <div class="small"> <a href="https://baidu.com/"> <img src="http://pic32.photophoto.cn/20140828/0005018374536396_b.jpg"></a> <div class="describe"><a href="https://baidu.com/">英雄联盟</a></div> </div> <div class="small"> <a href="https://baidu.com/"> <img src="http://imgsrc.baidu.com/imgad/pic/item/5fdf8db1cb134954a6673ab05c4e9258d0094aed.jpg"></a> <div class="describe"><a href="https://baidu.com/">雷霆咆哮</a></div> </div> <div class="small"> <a href="https://https://baidu.com/"> <img src="http://pic.qiantucdn.com/58pic/18/41/26/561c5c2c554d7_1024.jpg"></a> <div class="describe"><a href="https://baidu.com/">寒冰射手</a></div> </div> <div class="small"> <a href="https://baidu.com/"> <img src="http://imagscdn.3234.com/attaches/23/07/76798-f8MShl.jpg"></a> <div class="describe"><a href="https://baidu.com/">诺克萨斯之手</a></div> </div> <div class="clean"> <img src="http://pic32.photophoto.cn/20140828/0005018374536396_b.jpg"> <img src="http://imgsrc.baidu.com/imgad/pic/item/5fdf8db1cb134954a6673ab05c4e9258d0094aed.jpg"> <img src="http://pic.qiantucdn.com/58pic/18/41/26/561c5c2c554d7_1024.jpg"> <img src="http://imagscdn.3234.com/attaches/23/07/76798-f8MShl.jpg"> </div> </body> </html>
img{ width: 100px; } div .img{ width: 100px; border: 1px solid #eeeeee; float: left; margin: 15px; } div.img img{ width: 100%; height: auto; } div.desc{ text-align: center; padding: 15px; } div.img:hover{ border: 1px solid #222222; } .clearfloat{ clear: both;
标签：width doctype 定义 实例 clean tle blog 使用 :hover
原文地址：http://www.cnblogs.com/xiepingjian/p/7701316.html
