Question

网页设计中，怎么让DIV的边框的4个角呈圆角形

DIV的边框四个角成圆角形，并且整个DIV呈透明状

Answer 1

怎么能让一个DIV或者一个图片的四角为圆形呢？其实并不需要我们去把每个角都剪切掉，而只需要设置每个解的圆狐度即可。

案例代码：

div{border-radius:5px 5px 0 0;}设置DIV对象盒子左上角和右上角5px圆角，其它两个角为0不圆角

border-radius:3px 4px 5px 6px代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角.box2 img{border-radius:5px}

设置DIV中的图片为圆角图片。

Answer 2

代码：
div{border-radius:5px 5px 0 0;}
设置DIV对象盒子左上角和右上角5px圆角，其它两个角为0不圆角
border-radius:3px 4px 5px 6px
代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角。
.box2 img{border-radius:5px}
设置DIV中的图片为圆角图片。

Answer 3

<div style="width:220px;height:auto;margin:0 auto;position:relative;filter:alpha(opacity=50);">
<div style="float:left;width:3px">
<div style="background:#000;height:1px;width:1px;margin-left:2px"></div>
<div style="background:#000;height:1px;width:1px;margin-left:1px"></div>
<div style="background:#000;height:1px;width:1px;margin-left:0px"></div>
<div style="background:#000;height:197px;width:1px;margin-left:0px"></div>
<div style="background:#000;height:1px;width:1px;margin-left:0px"></div>
<div style="background:#000;height:1px;width:1px;margin-left:1px"></div>
<div style="background:#000;height:1px;width:1px;margin-left:2px"></div>
</div>
<div style="float:left;width:214px;height:202px;border-top:#000 1px solid;border-bottom:#000 1px solid"></div>
<div style="float:left;width:3px">
<div style="background:#000;height:1px;width:1px;margin-left:0px"></div>
<div style="background:#000;height:1px;width:1px;margin-left:1px"></div>
<div style="background:#000;height:1px;width:1px;margin-left:2px"></div>
<div style="background:#000;height:197px;width:1px;margin-left:2px"></div>
<div style="background:#000;height:1px;width:1px;margin-left:2px"></div>
<div style="background:#000;height:1px;width:1px;margin-left:1px"></div>
<div style="background:#000;height:1px;width:1px;margin-left:0px"></div>
</div>
<div style="clear:both"></div>
</div>

----------------------------------
仅做为拓展思路的参考，实际应用价值不大。

Answer 4

border-redius