CSS论坛 - Powered by Discuz! Board

复制内容到剪贴板
代码:

<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><a href="http://www.divcss5.com">CSS</a>-<a href="http://www.divcss5.com">DIVCSS5</a></h1>

<p>Based on Nifty Corners By Alessandro Fulciniti<br />http://www.divcss5.com/</p>



<h2><a href="http://www.divcss5.com">DIV CSS</a></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>