css创建边框阴影的办法

<html>

<style>

.wrap0 {

background:transparent url(http://www.ploughdeep.com/onionskin/images/shadows/v3/shadow.gif) no-repeat scroll right bottom;

float:left;

}

.wrap1 {

background:transparent url(http://www.ploughdeep.com/onionskin/images/shadows/v3/shadow180.gif) no-repeat scroll 0% 50%;

}

.wrap2 {

background:transparent url(http://www.ploughdeep.com/onionskin/images/shadows/v3/corner_bl.gif) no-repeat scroll -16px 100%;

}

.wrap3 {

background:transparent url(http://www.ploughdeep.com/onionskin/images/shadows/v3/corner_tr.gif) no-repeat scroll 100% -16px;

padding:4px 6px 6px 4px;

}

.wrap0, .wrap1, .wrap2, .wrap3 {

display:block;

}

.box {

background:#FFFFF5 none repeat scroll 0%;

border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);

border-style:solid;

border-width:1px;

padding:10px;

}

</style>

<body>

</div>

</body>

</html>

posted on 2008-06-04 17:37 sin 阅读(1558) 评论(1) 收藏举报