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 {
	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;
	border: 0 solid #08c;
	border-width: 0 1px;
}

<!-- 调用上述的CSS -->

<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>
 		<br /><br /><br /><br /><br />
 		<a href="index2.php">跳转</a>
       </div>
       <b class="xbottom">
	  <b class="xb4"></b>
          <b class="xb3"></b>
          <b class="xb2"></b>
          <b class="xb1"></b>
        </b>
</div>