css圆角背景图片怎么弄呀?

html-css022

css圆角背景图片怎么弄呀?,第1张

一般是用画好的圆角图片充当背景来实现的,用photoshop画好圆角,切成需要的大小来填充背景即可

当然也有不要图片的做法,原理就是通过div来模拟像素的拐角,做法太极端,一般不采用。

给div加个样式,设置-webkit-border-radius,-moz-border-radius,border-radius,就可以实现圆角了,但是有一个问题就是IE8及一下是没有效果的

有两种样式,一种是线性渐变,一种是径向渐变

线性渐变:background:linear-gradient(0deg,red,orange)0deg意思是渐变角度为0°

径向渐变:background:linear-gradient(circle,red 0%,orange)circle的意思是径向渐变的形状是圆形,eclipse是椭圆形(默认) 0%表示调整径向渐变颜色节点不均匀分布.