圆角，用两种方法样式的方法，一种就是重叠，用ltb style=quotbordertop1px solid #height1pxoverflowhiddenwidth98pxquotltb ltb style=quotborderright1px solid #border1px solid #。

在css里加如下的代码border 5 solid grayborderradius10px如过你不想要边框，去掉 border 5 solid gray就行了注意Firefox 35，Firefox 30，Safari 31，Chrome 20x，Chrome 10x可用 参考资料。

在HTML中把块的边框做成圆角需要利用css的borderradius属性1定义和用法 borderradius 属性是一个简写属性，用于设置四个 border*radius 属性提示该属性允许您为元素添加圆角边框默认值0 继承性no 版本CS。

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

具体操作步骤如下1首先打开sublime text软件，新建一个html文件，输入基本的html结构2然后设置一个div，并设置div的class属性，在上方的style中设置样式，设置背景颜色高度和宽度并设置border边框和边框的圆角属性。

下面是一个使用伪元素做边框的例子一使用CSS3的边框样式 CSS3提供了很多新的边框样式，如圆角阴影渐变等，可以让边框更加丰富多彩下面是一个使用圆角边框的例子divbefore borderradius 10pxleft 0。

Dreamweaver简称DW，相信很多的编辑工作者对它已经很熟悉小编则为大家讲解在DW中如何添加圆角矩形，希望对广大的编辑工作者和初学者有做帮助首先我们要打开DW编辑工具进入之后新建一个文件在从中选择HTML文件，点击创建。

建议大家还是使用图片做背景的CSS圆角实现方案一张图片利用CSS定位，实现DIV的四个边角都是圆角这样的好处是，只需要一张圆形的图片，就可以实现四个圆角了HTML代码ltdiv class=quotnavquot ltdiv class=quotnav2quot ltSPAN。

html2在testhtml文件内，要使用div标签创建一行文字，并且把文字内容写上“css如何设置圆角边框”3给div标签加上一个样式，设置div标签的class属性为mybkkd4在浏览器浏览一下testhtml，来看看效果能否实现。

如果是给全部的DIV 加同样的背景色的话，你可以这样写ltstyle type=quottextcssquot divbackground#f00 ltstyle 如果你只是针对你给出代码的一个进行添加背景色ltstyle type=quottextcssquot articleWrapperback。

borderbottom1px orange solidcolororange*上圆角框通用设置样式，如果要运用多个不同颜色，以下6句不用重新变化*b1，b2，b3，b4。

创建div标签html中创建一个div标签，给这个标签添加文字和一个class为了后面方便控制div的样式#设置div的样式接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认。