1、css圆角实现的方式有很多种,最简单最方便的是使用border-radius属性。或者使用圆角图片。
2、border-radius后面直接接数值。
3、图片圆角就是事先切除圆角图片,可以制作定高,或者定宽的div。
4、使用border-radius的优点是无序添加多余结构代码,但是对于低版本的浏览器支持有问题。使用图片圆角不会有兼容问题,但是会多出多余的代码和结构。
具体操作步骤如下:
1、首先打开sublime text软件,新建一个html文件,输入基本的html结构:
2、然后设置一个div,并设置div的class属性,在上方的style中设置样式,设置背景颜色、高度和宽度并设置border边框和边框的圆角属性,完成后保存:
3、最后打开浏览器就可以看到效果: