首页 > 代码库 > CSS3的新特性 行内盒子before和after
CSS3的新特性 行内盒子before和after
CSS3的新特性
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>before after</title> 6 <style type="text/css"> 7 /*在DIV1盒子内部前面*/ 8 #div1:before{ 9 width: 100px;10 height: 30px;11 background:#f0f url(‘./logo/ico.jpg‘) no-repeat;12 display: inline-block; 13 content: "";14 vertical-align: middle;/*上下居中,不要去影响其他的人*/15 }16 /*在DIV1盒子内部后面*/17 #div1:after{18 width: 100px;19 height: 30px;20 background:#0f0 url(‘./logo/ico.jpg‘) no-repeat;21 display: inline-block; 22 content: "";23 vertical-align: middle;/*上下居中,不要去影响其他的人*/24 }25 </style>26 <style type="text/css">27 28 </style>29 </head>30 <body>31 <div id="div1">AAAAAA </div>32 </body>33 </html>
CSS3的新特性 行内盒子before和after
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。