把代码复制粘贴到新建的网页里面,运行一下效果就出来了!
<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>
<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>看看吧<br />http://www.dzwebs.net/index.html</p>
<h2>不使用图片的边框</h2> <p>Lorem ipsum dolor sit amet, 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> </div> <b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b> </div>
//网络转载… [办公软件]Office(Word,Excel)密码破解软件(Office Password… [Web开发]NET实现文件上传CS源代码 [Web开发]增加或修改Session的会话时间 [Web开发]VS2005+SQL2005之.NET2.0数据库连接 [Web开发]ASP.NET 2.0使用CSS失效的解决办法 [Web开发]CSC命令使用示例(将CS文件编译成DLL文件) [Web开发]csc命令详解(在NET环境中DOS状态下使用) [Web开发]authentication mode=Windows/之“/”应用程序中的… [Web开发]ASP.NET动态加载不同CSS,实现切换皮肤效果 [Web开发]一大堆常用的超强的正则表达式及RegularExpressio…
|