<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自适应圆角做法</title>
<style type="text/css">
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-
spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-
right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#ccc; border:0 solid #08c;
border-width:0 1px;}
</style>
</head>
<body>
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b
class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<h1>自适应圆角</h1>
<p>QQ：515487148<br />http://www.tianyuhao.com</p>
<h2>这就是我</h2>
<p>Lorem ipsum dolor sitamet, consectetuer adipiscing elit, sed diam
nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl
ut aliquip ex ea commodo consequat.</p>
<p>Duis autem vel eum iriure dolor in hendrerit
in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
<p>Duis autem vel eum iriure dolor in hendrerit
in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
<p>Duis autem vel eum iriure dolor in hendrerit
in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b
class="xb2"></b><b class="xb1"></b></b>
</div>
</body>
</html>
相关新闻
- 小程序登录流程图理解 2020-08-18
- 在C#中获取web.config中的配置信息 2021-08-23
- 小程序open-data头像样式 2021-04-10
- 小程序rich-text 富文本解析图片过大和图片路径的问题 2020-11-25
- C#中去掉字符串的最后一个字符 2020-11-23
