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文件,查看實現的效果,如下圖所示就完成了。