阴影

box-shadow:<length><length><length>||color;

<style type="text/css">

div{

-webkit-box-shadow:3px 4px 2px #000;

-moz-box-shadow:3px 4px 2px #000;

box-shadow:3px 4px 2px #000;

padding:5px 4px;

}

</style>

<style type="text/css">

div{

text-shadow:5px -10px 5px red;

color:#666;

font-size:16px;

}

</style>

背景

background-size:10px 5px;

-webkit-background-size:10px 5px;

background-origin:border|content|padding

多重背景

background:url(background1.png) left top no-repeat,

url(background2.png) left top no-repeat;

背景颜色渐变

background:-webkit-gradient(linear,0 0,0 100%,form(#fff),to(#000));

圆角边框

-moz-border-radius:10px 5px;

-webkit-border-radius:10px 5px;

border-radius:10px 5px;