DIV+CSS で角を丸くする_html/css_WEB-ITnose

今日誰かに質問されて、勉強しました、ふふ、
原則は、1つのレイヤーに2〜3のレイヤーを追加することですが、これらのレイヤーには左端と右端のみがあり、上下には背景色があり、すべてが追加されます長さの違いがあります。これが私がやったことの例です:

高さ: 1px;
margin-left:4px;
margin-right:4px;
背景色: アクア;
border-left:solid 1px Aqua;
border-right:solid 1px Aqua;
}
.up2
{
height:1px;
margin-left:3px;
margin-right:3px;
border-left:solid 1px Aqua;
border-right:solid 1px Aqua;
}
.up3
{
height:1px;
margin-left:2px;
margin-right:2px;
border-left:solid 1px Aqua;
border-right:solid 1px Aqua;
}
.content
{
margin -left:1px;
margin-right:1px;
height:100px;/*ここのコントロールの高さ*/
/*background-color: Aqua;*/
border-left:solid 1px Aqua;
.DOWN1
{
オーバーフロー: 非表示
マージン-左: 2px;
マージン-右: 2px;
ボーダー左: ソリッド 1px アクア;
.down2
{
高さ: 1px;
マージン左: 3px ;
margin-right:3px;
border-left:solid 1px Aqua;
border-right:solid 1px Aqua ;
}
.down3
{
height:1px;
margin-left:4px;
margin-right:4px;
background-color: Aqua;
border-left:solid 1px Aqua;
border -right:solid 1px Aqua;
}
.cell
{
width: 50px;/*ここで幅を制御します* /
}