CSS3中常用新功能

来源:http://www.w3school.com.cn/css3/index.asp

边框

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

border-image:url(border.png) 30 30 round;

border-radius:25px;

背景

background-size:63px 100px;
background-origin:content-box;/padding-box;/border-box;
background-image:url(bg_flower.gif),url(bg_flower_2.gif);

background-clip: border-box|padding-box|content-box;  #背景图片裁剪

文本:

text-shadow: 5px 5px 5px #FF0000;
word-wrap:break-word;

字体设置:

@font-face{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9+ */
}

div{
font-family:myFirstFont;
}

排版

column-count:3;
column-gap:40px;
column-rule:4px outset #ff0000;