css3 effects: round corner box shadow 圆角 边框图片 文字阴影 边框阴影 border image

css3.css

div{

/*round corners*/
border-radius:25px;

/*box shadow*/
box-shadow: 10px 10px 5px #888888;

/*border image*/
border-image:url(border.png) 30 30 round;
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 and older */
-o-border-image:url(border.png) 30 30 round; /* Opera */

/*text-shadow*/
/*the horizontal shadow, the vertical shadow, the blur distance, and the color*/
text-shadow: 5px 5px 5px #FF0000;


}