有四种方法可以实现圆角。
第一、直接写CSS代码:border-radius
第二、四个圆角贴图;制作四个圆角的图片,然后用css定义
第三、直接制作整个圆角矩形背景
第四、定义12个背景色:左上角4个,右上角4个,右下角4个,左下角4个。
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<style>标签中,输入css代码:img { border-radius: 20px}。
3、浏览器运行index.html页面,此时页面插入的图片会自动显示圆角20px的。