边框
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>