css常用的圆角，阴影，渐变，字段截取

/*圆角*/

-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;

 

/*渐变*/

background: #ed2830;          /* W3C syntax */ background:

-moz-linear-gradient(top, #ed2830 0%, #e62129 92%, #9c161c 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed2830), color-stop(92%, #e62129), color-stop(100%, #9c161c));

background: -webkit-linear-gradient(top, #ed2830 0%, #e62129 92%, #9c161c 100%);

background: -o-linear-gradient(top, #ed2830 0%, #e62129 92%, #9c161c 100%);

background: -ms-linear-gradient(top, #ed2830 0%, #e62129 92%, #9c161c 100%);

background: linear-gradient(top, #ed2830 0%, #e62129 92%, #9c161c 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed2830', endColorstr='#e62129', GradientType=0 );

 

/*阴影*/

-moz-box-shadow: 0 0 5px #717171;

-webkit-box-shadow: 0 0 5px #717171;

box-shadow: 0 0 5px #717171;

 

/*字段截取*/

 

text-overflow: ellipsis;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url("ellipsis.xml#ellipsis");