css3在移动端中应用2（超实用）

阴影

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;