css怎么设置div圆角（css把div变为圆角）

在IE中如何用css+div写圆角

1、需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：img { border-radius： 20px}。浏览器运行index.html页面，此时页面插入的图片会自动显示圆角20px的。

2、在body标签中输入p标签，并且给p标签添加一个类名（box）。给类名（box）添加CSS属性，让其变成一个长方形。添加一个CSS属性，代码：border-radius：150px。运行网页，可以看到长方形已经变成了圆形。

3、作用样式：border-radius：5px 15px 20px 25px；支持上、右、下、左 因css3的兼容性 -moz（例如 -moz-border-radius）用于Firefox -webkit（例如：-webkit-border-radius）用于Safari和Chrome。

css3实现两个div中间内凹圆角

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

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

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

首先新建一个html空白文档，取名字叫做css3动画，保存一下。然后写html结构，只需要一个div元素即可，class名字叫做img 设置其边框为不同的颜色，边框宽度设置成100px。因为是圆环，所以我们用到了css3的圆角效果，设置圆角为50%，也就是border-radius：50%，看一下效果。

利用阴影属性，也可以实现外边框的效果：当我们再为它添加一个 outline （轮廓），就会发现它实现了-边框内圆角：关于为什么会这样： outline的描边并不会跟着圆角走，因此显示为直角。所以把这两者叠加到一起，box-shadow 则刚好填补描边与容器圆角之间的空隙。