用css給div的border設置陰影


1、首先新建一個html文件,命名為test.html,使用div標簽創建一個模塊,用於測試。如下圖所示。

2、在test.html文件內,給div添加一個class屬性,屬性值設置為myway。

3、然后在css標簽內,通過class設置div的樣式,定義它的寬度為200px,高度為200px,背景顏色為黑色。

4、接着在css標簽內,再使用box-shadow屬性設置div的陰影效果,其中,左邊陰影為綠色,頂部陰影為藍色,底部陰影為紅色,右邊陰影為黃色。

5、最后在瀏覽器打開test.html文件,查看實現的效果,如下圖所示就完成了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM