一. 圆角：border-radius . border-radius:none | <length>{1,4} [/ <length>{1,4}]?
1.border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。如果没有“/”，则水平和垂直半径相等。
border-radius: 10px 15px 20px 30px / 20px 30px 10px 15px;
2.border-radius如果是三个值，则第一个值是左上，第二个值是右上和左下，第三个值是右下。
3.对于border-radius还有一个内半径和外半径的区别，它主要是元素 边框值较大时，效果就很明显，当我们border-radius半径值小于或等于border的厚度时，我们边框内部就不具有圆角效果.因为我们的border-radius的内径值是等于外径值减去边框厚度值，当他们的值为负时，内径默认为0.
4.table的样式属性border-collapse是collapse时，border-radius不能正常显示，只有border-collapse：separate时，才能正常显示。
5.img上使用border-radius时参考bootstrap中的。
二.文字阴影:text-shadow .[x轴(X offset) y轴(Y offset) 模糊半径(blur) 颜色(color)],[x轴(X offset) y轴(Y offset) 模糊半径(blur) 颜色(color)]....
text-shadow:2px 2px 3px #aaa;
text-shadow: X-Offset Y-Offset Blur Color中X-Offset表示阴影的水平偏移距离，其值为正值时阴影向右偏移，如果其值为负值时，阴影向左偏移；Y-Offset是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移反之其值是负值时阴影向顶部偏移；Blur是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0；
IE不支持text-shadow效果，为了实现兼容，使用滤镜效果，filter-shadow来处理。E{ filter:shadow(Color=颜色值,Direction=数值, Strength=数值)}Direction用于设定投影的主向，取值为0即零度（表示向上方向），45为右上，90为右，135为右下，180为下方，225为左下方，270为左方，315为左上方；Strength就是强度，类似于text-shadow中的blur值。
效果：下面七钟效果分别是：1.text-shadow:0 0 20px red; 2. text-shadow:-1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444; 3.color:transparent; text-shadow:0 0 5px #f96;
4.color:#eee; text-shadow:5px 5px #666,7px 7px 0 #eee; 5.color:#000; text-shadow:0 1px 1px #fff;
6.color:#fff; text-shadow:1px 1px rgba(197,223,248,0.8),2px 2px rgba(197,223,248,0.8),3px 3px rgba(197,223,248,0.8),4px 4px rgba(197,223,248,0.8),5px 5px rgba(197,223,248,0.8);
7.text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff,0 0 40px #ff00de, 0 0 70 px #ffoode;
三：border-color
border-color:<color> /*其中可以有一个值，也可以有多个值*/
如果想给边框添加一个渐变色，需要css3自己的border-color属性，不过只有firefox3.0+支持。
-moz-border-top-colors:<color><color><color>*;如果你的boder宽度设置了X px,那么你可以在这个边框上使用X种颜色，此时每一个颜色就是一个px。如果你的border宽度设置了10px，而你只运用了三四个颜色，那么最后一个颜色将会填充到后面的宽度上。
四：box-shadow
E{box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩散半径 阴影颜色}
阴影类型：此参数是个可选的参数，如不设置默认是外阴影，如果取其唯一的值inset，阴影则会变成内阴影。
X-offset：是指阴影水平偏移量，其值可以是正负值，若为正值，则阴影在对象的右边，若为负值，阴影在对象的左边。
边框>内阴影>背景图片>背景颜色>外阴影。
IE滤镜方法：在IE下使用IE的shadow阴影滤镜实现。
filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度（数值）, Strength=阴影半径（数值）);该滤镜必须配合background属性一起使用，否则该滤镜失效。还可以使用jquery的插件jquery.boxshadow.js 。
.demo{box-shadow:-2px 0 0 green,0 -2px 0 blue,0 2px 0 red,2px 0 0 yellow;}//分别是左边阴影，顶部阴影，底边阴影，右边阴影，并把模糊半径设为0.如果不设置为0的话那么其他三边也将会有阴影，并且此处还涉及到一个多阴影的顺序问题，最先写的阴影将显示在最顶层。
.demo{box-shadow:0 0 5px red,0 0 15px blue;}使用多层次的阴影时需要注意一个细节问题，如果前面的阴影模糊值小于后面的隐隐模糊值，则前面的阴影将显示在后面之上，如果大于，则前面的阴影讲遮住后面的阴影效果。
.demo{box-shadow:0 0 0 1px red} 相当于.demo{border: 1px solid red}.证明阴影不会影响页面的任何布局。
.demo{inset 0 0 5px red;}内阴影。img图片直接添加内阴影是无效果的，可以在img外边添加一个div，通过给div添加内阴影实现。或者给div:before 添加实现。
div{position:relative;display:inline-block;}div::before{content:""; position:absolute;width:100%;height:100%;box-shadow:inset 0 0 5px 1px red;}
