1、ampltvroundRectnbspclass=“a“nbspFillColor=“#e8e8e8“nbspstrokeColor=“#FF0000“nbspFilled=“T“nbspampgta只是定义大小等，它的颜色，边框样式等是用VML来定义的，VML有它固定的属性如；类”就是编辑上一个“div”标签盒子在css样式里加上这个代码 “ mozborderradius 15px #160webkitborderradius 15px #160borderradius15px ”这样在浏览器上就可以显示圆角矩形啦~。

2、1首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签2然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性borderradius属性定义圆角效果其中的数值为参数length是浮点数和单位；在css里加如下的代码border 5 solid grayborderradius10px如过你不想要边框，去掉 border 5 solid gray就行了注意Firefox 35，Firefox 30，Safari 31，Chrome 20x，Chrome 10x可用 参考资料。

3、其中，以上CSS代码中borderradius20px10px意味着使元素拥有20px的水平圆角和10px的垂直圆角；1可以直接使用borderradius0 0 15px 15px 这些数据中，依次为顶部左角，顶部右角，底部右角，底部左角示例一下lt！DOCTYPE html Document test width100px height100px backgr；具体操作步骤如下1首先打开sublime text软件，新建一个html文件，输入基本的html结构2然后设置一个div，并设置div的class属性，在上方的style中设置样式，设置背景颜色高度和宽度并设置border边框和边框的圆角属性；width 500pxheight 500px ltsytle HTML代码这是圆角矩形 就是这么简单，你COPY过去就OK了另外说一句，这个圆角的属性是CSS3中的特性，在IE9以下以及非webkit和moz内核的浏览器下都是不行的比如IE8IE7。

4、添加一个CSS属性，代码borderradius150px运行网页，可以看到长方形已经变成了圆形css圆角边框怎么设置1我们新建一个html网页文件，把他命名为testhtml，接下来我们用testhtml文件来讲解css如何设置圆角边框2在。

5、1首先打开sublime text软件，新建一个html文件，输入基本的html结构2然后设置一个div，并设置div的class属性，在上方的style中设置样式，设置背景颜色高度和宽度并设置border边框和边框的圆角属性，完成后保存3最后；1div圆角 xsnazzy h1， #xsnazzy h2， #xsnazzy p margin0 10px letterspacing1px xsnazzy h1 fontsize25em color#fff xsnazzy h2 fontsize2emcolor#06a border0 xsnazzy p；需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码divwidth 300pxheight 150pxborder 3px solid blueborder。

6、首先根据实现图片的大小制作一个圆角边框打开PS，新建一空白文档，文档的大小根据需要情况来定，在此小编将其设置为400*400，设置完成后点击”好“按钮选择工具栏上的”矩形“工具，在属性面板中将其半径设置为”20像素“；第一直接写CSS代码borderradius 例如borderradius4px或者可以四个不同圆度borderradius4px 4px 3px 3px 顺序是左上角，右上角，右下角，左下角 第二四个圆角贴图制作四个圆角的图片，然后用css定义；borderradius8px数字可以修改，数字越大，圆角越大 borderradius50%这个效果就是圆形的效果了。