CSS3样式属性

边框

 

border-radius:该属性为元素添加圆角边框;

box-shadow:向方框添加一个或多个阴影;

border-image:属性是一个简写属性,用于设置以下属性:

border-image-source:用在边框的图片的路径;

border-image-slice:图片边框向内偏移;

border-image-width:图片边框的宽度;

border-image-outset:边框图像区域超出边框的量;

border-image-repeat:图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。

背景

background-size:规定背景图片的尺寸;

background-clip:规定背景的绘制区域;

border-box:背景被裁剪到边框盒;

padding-box:背景被裁剪到内边距框;

content-box:背景被裁剪到内容框;

background-origin:规定背景图片的定位区域。

文本

text-shadow:向文本添加阴影;

word-wrap:允许对长的不可分割的单词进行分割并换行到下一行。

字体

@font-face可以设置自定义字体。

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

div
{
font-family:myFirstFont;
}
</style>

猜你喜欢

转载自www.cnblogs.com/houyongchong/p/style3.html