css样式中如何让一个角变圆，css怎么变成圆角

360浏览器如何用DIV+CSS实现圆角

首先，打开html编辑器，新建html文件，例如：index.html。

用css样式为html元素设置圆角框是利用border-radius属性实现的。

在css里加如下的代码：border： 5 solid gray；border-radius：10px；如过你不想要边框，去掉 border： 5 solid gray；就行了。

CSS3圆角只需设置一个属性：border-radius（含义是边框半径）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

相关问答

Q1: 如何使用CSS实现DIV层的左下角、右下角圆角效果,以及右边和下边有阴影效...

1、用padding-left把文字往右边移。想要加入边框的div上通过设置该div的css边框属性border的到白色的框，最外面的阴影通过设置该div的css的box-shadow属性得到。

2、我们新建一个html网页文件，把他命名为test.html，接下来我们用test.html文件来讲解css如何设置圆角边框。在test.html文件内，要使用p标签创建一行文字，并且把文字内容写上“css如何设置圆角边框”。

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

4、如果设置1个值，表示4个圆角都使用这个值。如果设置两个值，表示左上角和右下角使用第一 个值，右上角和左下角使用第二个值。如果设置三个值，表示左上角使用第一个值，右上角和左下角使用第二个值，右下角使用第三个值。

Q2: div+css如何实现圆角矩形

1、我们新建一个html网页文件，把他命名为test.html，接下来我们用test.html文件来讲解css如何设置圆角边框。在test.html文件内，要使用p标签创建一行文字，并且把文字内容写上“css如何设置圆角边框”。

2、首先我们要打开DW编辑工具。进入之后新建一个文件。在从中选择HTML文件，点击创建。这样我们就进入编辑界面了。接下来我们创建一个“类”就是编辑上一个“div”标签盒子。

3、首先，打开html编辑器，新建html文件，例如：index.html。

4、首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。

5、CSS圆角矩形可以使用 Border-radius 属性即可实现。Border-radius 属性相关定义功能及其案例：对浏览器的支持：IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。

关于css样式中如何让一个角变圆和css怎么变成圆角的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。