Question

CSS 边框如何变成圆角

#a #b {

border-width : 1px;
border-color : #83FF60;
border-style : solid;
width : 200px;
height : 300px;

font-family : Courier New;
float:left;
margin-left:20px;
padding : 10px;
padding-top : 10px;
padding-bottom : 10px;

font-size : 9pt;
font-style : normal;
color : #FF0433;
}
外围的边框
width : 200px;
height : 300px;
如何写成圆角的，谢谢

Answer 1

border-radius：像素
CSS3里面 这个是圆角属性，但是最主流的IE浏览器都不认识，所以LZ还是放弃吧。

处理圆角一般采用两种方式
1、一个是PS切圆角，然后作为背景图片放到页面中。
2、第二个就是采用一个累计效果，也可以定义出圆角。

这里有个例子：http://zhidao.baidu.com/question/128969067.html
下面也有我的回答，LZ感兴趣可以研究研究，很简单。

Answer 2

border-radius: 5px;(单位也可以是百分比，当border-radius:50%，宽高相等时就是个圆)

Answer 3

即使写成圆角的，有很多主流浏览器也不支持，一般都是截圆角图片，当背景~

Answer 4

假设元素是div，每个角的半径是10px
div{border-radius:10px 10px 10px 10px;}

Answer 5

border-radius: 50%