<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div{color:Yellow;text-align:center; line-height:300px; vertecal-align:middle;}
#yuanjiao
{
width:300px;
height:300px;
background:Blue;
border-radius:15px;
-moz-border-radius:15px;
}
#yinying
{
width:300px;
height:300px;
background:Blue;
box-shadow: #333 3px 3px 4px;
-moz-box-shadow: #333 3px 3px 4px;
}
#jianbian{
width:300px;
height:300px;
background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
background-image: -webkit-gradient(linear,left top, left bottom, color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#999999', GradientType='0'); /* IE6,IE7 */
}
</style>
</head>
<body>
<div id="yuanjiao">圆角</div><br />
<div id="yinying">阴影</div><br />
<div id="jianbian">渐变</div><br />
</body>
</html>
