1、css圆角实现的方式有很多种,最简单最方便的是使用border-radius属性。或者使用圆角图片。
2、border-radius后面直接接数值。
3、图片圆角就是事先切除圆角图片,可以制作定高,或者定宽的div。
4、使用border-radius的优点是无序添加多余结构代码,但是对于低版本的浏览器支持有问题。使用图片圆角不会有兼容问题,但是会多出多余的代码和结构。
有四种方法可以实现圆角。
第一、直接写CSS代码:border-radius
第二、四个圆角贴图;制作四个圆角的图片,然后用css定义
第三、直接制作整个圆角矩形背景
第四、定义12个背景色:左上角4个,右上角4个,右下角4个,左下角4个。
在这个Div 中给图片添加一个 float:left在添加一个 magin-left,margin-bottom 的值就是你看到的注意: 你的文字内容和 img 是在同一个 div 中的,也就是 文字没有额外的 div 包围