减少网站维护工作量.
提高了网站的性能,少了对图片的 HTTP 的请求,网页载入速度将变快.
增加视觉美观性.
border-radius属性
含义: border-radius属性简写属性为元素添加圆角边框.
实例一：指定背景颜色的元素圆角
#rcorners1 {
}
background: url(paper.gif);
background-position: left top;
background-repeat: repeat;
}实例效果所示
实例二：指定特定的元素圆角
总结
属性的两个长度第一个值是水平半径,第二个是垂直半径.如果省略第二个值,它是从第一个复制.如果任一长度为零,角落里是方的,不圆润.border-radius属性还可以制作椭圆,我们将在后面的文章向大家介绍.
有四种方法可以实现圆角.
第第一段：直接写CSS代码：border-radius
第第二段：四个圆角贴图；制作四个圆角的图片,然后用css定义
第第三段：直接制作整个圆角矩形背景
圆角 为零则为直角
梯形 [元素变形]
transform：
perspective [透视距离]
rotateX [横向.x轴旋转]
rotateY [竖向.Y轴旋转]
translateZ [Z轴移动,可以理解为放大和缩小]
了解这些基本的变形用法,就可以实现 【梯形】,
但复杂一些就没办法了,要用到SVG或Canvas,
以上就是土嘎嘎小编大虾米为大家整理的相关主题介绍,如果您觉得小编更新的文章只要能对粉丝们有用，就是我们最大的鼓励和动力,不要忘记讲本站分享给您身边的朋友哦！！