#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;} #xsnazzy h1 {font-size:2.5em; color:#A95051;} #xsnazzy h2 {font-size:2em;color:#7B793B; border:0;} #xsnazzy p {padding-bottom:0.5em;} #xsnazzy h2 {padding-top:0.5em;} #xsnazzy {background: transparent; margin:25px 1em 100px 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:#FFF; border-left:1px solid #A93298; border-right:1px solid #A93298;} .xb1 {margin:0 5px; background:#A93298;} .xb2 {margin:0 3px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;}  .xboxcontent {display:block; background:#FFF; border:0 solid #A93298; border-width:0 1px;}

HTML 代碼

<div id="xsnazzy"><div cl as s="xboxcontent"><h1>www.wangjie.org</h1>           
<p>純 CSS 打造的圓角邊框，兼容性非常的強 <br />純CSS打造的圓角邊框</p>         
<h2>教授帶學生做實驗</h2>           
<p>某日，教授帶著一班學生到實驗室，指著一個裝滿尿的燒杯說：“  要想做一個好的生物學家，既要有勇敢的精神，又要有敏銳的觀察力。 你們像我一樣試一試。 ”說著，教授把手指伸進尿液，然后放到口中嘗一嘗。同學們 見到教授帶了頭，便硬著頭皮嘗試著。 結果是丑態百出。 這時，教授笑道：“你們真是勇敢有余，觀察不足。 你們沒注意，我伸進燒杯的是食指，放入 口中的是中指吧！”</p>  <p>某日，天晴，老爸拉著兒子去爬山，父子倆爬了兩個小時終于到山頂， 爸爸： “兒子，你看，山下的風景多美啊！” 兒子：“既然山下的風景美， 我們為什么還要爬到山頂上來呢？” .</p></div></div>