CSS圆角框

很多时候在做样式时会选择使用圆角样式，圆角样式不仅可以看起来圆滑，而且和周边的元素交接得很好，不会觉得太过生硬。但是众所周知，现在的IE版本不支持圆角样式，真是让人又爱又恨。实现圆角方式有很多，可以表格+图片，可以div+图片，也有只使用CSS样式要做的，但是这种方法会让代码变得冗长、增加了一部分无意义的代码，但是对于追求纯样式的来说，不失为一个好办法，这种办法实现的圆角兼容性也不错。
样式代码：

body {
	font-size:12px;
}
.showInfoBox {
	width:100px;
	height:auto;
}
.showInfoBoxT1, .showInfoBoxB1 {
	margin:0 2px;
	background-color:#FFDD90;
	height:1px;
	font-size:1px;
	line-height:1px;
}
.showInfoBoxT2, .showInfoBoxB2 {
	margin:0 1px;
	background-color:#FFDD90;
	height:1px;
	font-size:1px;
	line-height:1px;
}
.showInfoOuter {
	border-color:#FFDD90;
	border-style:solid;
	border-width:1px 3px;
}
.showInfoInner {
	border:1px solid #F4BC44;
	padding:5px;
	background-color:#FFF;
	text-align:center;
}

层结构代码：

 圆角框框

效果图：