Css3只能在ie8以上的版本才能用。

1. 邊框圓角

<div class="radius">邊框圓角</div>

.radius{width:200px;height:100px;border:1px solid red;margin:50px auto;

border-radius:20px;

border-top-left-radius:20px;

border-top-right-radius:30px;

border-bottom-right-radius:40px;

border-bottom-left-radius:5px;

}

2. 邊框陰影

<div class="shadow">邊框陰影

.shadow{

width:200px;height:100px;border:1px solid red;margin:50px auto;

/*水平 垂直 模糊半徑 擴充套件半徑 顏色*/

box-shadow:2px 3px 4px 5px #00CCFF;

}

<div class="shadow_inset">邊框向內陰影</div>

.shadow_inset{width:200px;height:100px;border:1px solid red;margin:20px auto;

box-shadow:inset 0px 0px 9px 2px #00CCFF;

}

3. 背景

<div class="background">

<p>

CSS3 包含多個新的背景屬性，它們提供了對背景更強大的控制。<br />

background-size<br/ >

background-origin<br/ >

</p>

</div>

.background{width:600px;height:300px;border:1px solid red;margin:10px auto;

background:url("images/RAV4.jpg") no-repeat;

}

1.指定背景大小

.background{width

background:url("images/RAV4.jpg") no-repeat;

background-size:500px 250px;

}

指定大小為寬500px 高25px，如圖：

指定大小為比例，寬100% 高80%，如圖：

按比例放縮的情況下最大化，不超出容器（容器可能有空白）

按比例放縮，填充滿容器（圖片可能部分在容器外）