码迷,mamicode.com
首页 > Web开发 > 详细

自学第一天的html和css代码

时间:2016-07-19 23:50:41      阅读:407      评论:0      收藏:0      [点我收藏+]

标签:


技术分享技术分享技术分享技术分享技术分享技术分享 
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 }

技术分享

 

自学第一天的html和css代码

标签:

原文地址:http://www.cnblogs.com/980704347LL/p/5686629.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!