css圆角代码

html-css012

css圆角代码,第1张

css3最简单:

border-radius:10px---4个角都是10px的圆角。

你也可以:border-radius:2px 3px 4px 5px分别对应容器的右上、右下、左下、坐上。

如果是css2的话,需要用到图片来实现圆角。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:img { border-radius: 20px}。

3、浏览器运行index.html页面,此时页面插入的图片会自动显示圆角20px的。