.nifty{  margin-top:5px; 
	 margin-right:5px;
	 float:left;
	background-color:White;
	overflow:hidden;
	font-weight:bolder;
	 width:100px;
	 height:25px;

	 text-align:center;
	  /*-整个内容 -*/
	
	
	}


div.rtop, div.rbottom{display:block; background-color:#b766ef;
	
	 /*-圆角边 -*/
	
	
	}   
div.rtop div, div.rbottom div{display:block;height:1px;overflow: hidden;  background-color:White;
	
		 /*-圆角顶部 -*/
	
	}



div.r1{margin: 0 5px}
div.r2{margin: 0 3px}
div.r3{margin: 0 2px}




div.rtop div.r4, div.rbottom div.r4{margin: 0 1px;height: 1px}
.contentTitle
{
	width:100px;  line-height:21px;
	 cursor:pointer;  
	}
	
.contentTitle:a
{
	 background-color:Red;
	
}
.contentTitle:hover
{
	 background-color:Blue;
	
}
 /*-调用
    <div id="nifty"> 
        <div class="rtop"> 头部圆角
            <div class="r1">
            </div>
            <div class="r2">
            </div>
            <div class="r3">
            </div>
            <div class="r4">
            </div>
        </div>
        <p>
            DIV+CSS圆角矩形</p>
      <div class="rtop">  底部圆角
            <div class="r4">
            </div>
            <div class="r3">
            </div>
            <div class="r2">
            </div>
            <div class="r1">
            </div>
        </div>
    </div>

-*/