首頁 > 開發者 > JavaScript
css實現邊框陰影製作效果，css邊框陰影
css實現邊框陰影製作效果:
有時候陰影邊框在一些效果中能夠有效提高美觀度，下面就介紹一下如何利用css實現此效果。
代碼如下:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>螞蟻部落</title><style type="text/css">.thediv{ width:250px; height:100px; border:#909090 1px solid; background:#fff; color:#333; filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=120, strength=3);/*ie*/ -moz-box-shadow: 2px 2px 10px #909090;/*firefox*/ -webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/ box-shadow:2px 2px 10px #909090;/*opera或ie9*/}</style></head><body><div class="thediv"></div></body></html>
以上代碼可以再IE9和IE9以上代碼能夠實現邊框陰影製作效果。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12678
更多內容可以參閱:http://www.softwhy.com/divcss/
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
