本篇文章主要介绍了"css3圆角和渐变2种常用功能详解"，主要涉及到方面的内容，对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下：
Css3圆角讲解：想必大家对于图片，背景圆角，都不陌生吧，圆角语法：border-radius：圆角值；这个值可以使用：em ，ex，pt，px，百分比;Bor...
Css3圆角讲解：想必大家对于图片，背景圆角，都不陌生吧，
圆角语法：border-radius：圆角值；
这个值可以使用：em ，ex，pt，px，百分比;
Border-radius跟margin，padding差不多
Border-radius：lefttop，righttop，rightbottom，leftbottom。
.box1{width:200px;height:100px;border-radius:30px 5px;background:#f66f17;margin-top:30px;}
.box2{width:200px;height:100px;border-radius:30px 20px 10px 0px;background:#f66f17;margin-top:30px;}
对于圆角理解起来应该，很简单。
对于百分比：目前最安全的做法，就是将每个圆角边框的风格和宽度，都设为一样的值，并且避免使用百分比值。
IE9以下是不支持此属性
线性渐变：background:linear-gradient(设置渐变形式,第一个颜色起点,中间颜色点 中间颜色的位置,结束点颜色);
Linear:渐变的类型（线性渐变）；
渐变的形式：可选参数 有两种方式-1、设置旋转角度，0度代表水平从左到右，90度就是从上到下啦，从0度开始逆时针变换。
2、使用关键字，left代表从左到右，top代表从上到下，同理right就是从右到左，lefttop-从坐上到右下，同理leftbottom，righttop，rightbottom。
中间颜色与中间颜色位置为可选参数。
不过要考虑浏览器的兼容，咱们这样写：
-webkit-gradient（linear,0 0,0 100%,from(起始颜色,to(结束颜色)）； /*for Safari4+,Chrome 2+*/
-webkit-linear-gradient（起始颜色, 结束颜色）； /*for Safari 5.1+,Chrome 10+*/
-moz-linear-gradient（起始颜色, 结束颜色）； /*for firefox*/
-o-linear-gradient（起始颜色, 结束颜色）； /*Opera*/
linear-gradient（起始颜色, 结束颜色）； /*标准属性*/
对于IE来说是个麻烦事，老办法
Filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’ 起始颜色’,endColorstr=” 结束颜色”); /*IE6,IE 7*/
