标签：
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title>LOL</title> 6 <link href="css/lol.css" rel="stylesheet"/> 7 </head> 8 <body> 9 <div id="lpl"> 10 <div class="ll"><img src="image/1.jpg" alt="Alternate Text" /></div> 11 <div class=" pp"><a href="http://lol.qq.com/act/a20160708pool/?atm_cl=ad&atm_pos=16601&e_code=246926" target="_blank">查看详情</a></div> 12 </div> 13 </body> 14 </html>
1 * { 2 margin: 0px; 3 padding: 0px; 4 font-family: "微软雅黑"; 5 } 6 7 #lpl { /*图片水平、垂直居中*/ 8 width: 562px; 9 height: 234px; 10 position: absolute; 11 left: 50%; 12 margin-left: -281px; 13 top: 50%; 14 margin-top: -117px; 15 } 16 17 .pp {/*div在上层div中定位、设置字体、背景等*/ 18 width: 150px; 19 height: 35px; 20 background-color: #f00; 21 position:absolute; 22 line-height: 35px; 23 margin: -71px 44%; 24 border-radius: 12px; 25 cursor: pointer; 26 } 27 28 a {/*超链接去下划线、字体水居中*/ 29 text-decoration: none; 30 color: #fff; 31 text-align: center; 32 display: block; 33 }
标签：
原文地址：http://www.cnblogs.com/980704347LL/p/5686629.html
