发表于： 2018-06-05 23:57:39
2 658
今天： 试着改动一些内容去理解下面这个页面（百度上的），
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>CSS圆角矩形</title>
<style type="text/css">
.main{width:800px;}
b.rounder{display:block;background: #FFF}
b.rounder b{display:block;height:1px;overflow: hidden; background: #99cc33;}
b.r1{margin: 0 1px}
b.r2{margin: 0 2px}
.content{height:92px;text-align:center; padding-top:80px; background: #99cc33;color:#fff;font-size:12px;}
</style>
</head>
<body>
<div class="main"><b class="rounder">
<b class="r2"></b><b class="r1"></b></b>
<div class="content">这是内容!</div>
<b class="rounder"><b class="r1"></b><b class="r2"></b></b>
</div>
</body>
</html>
明天：试着去理解上面这个页面
问题：display:block 百度还是无法理解。明天去看原注释
收获 ;大致知道圆角矩形的实现原理。
返回列表
评论