如何用CSS實現DIV塊的陰影效果
新建一個html文件，定名為test.html，用於講解若何用CSS實現DIV塊的暗影結果。
在test.html頁麵中，建立一個div，並設置其class屬性為con，本家兒要用於下麵臨其進行樣式界說。
在test.html頁麵中利用css設置div的寬度為300px，高度為300px，代碼如下：
在test.html頁麵中利用css設置div居中對齊，並設置其布景顏色為白色，代碼如下：
在test.html頁麵中利用box-shadow設置div的暗影結果，每個參數的意思如下：
第一個參數是x軸暗影段長度；
第二個參數是y軸暗影段長度；
第三個參數是往周圍暗影段長度；
第四個參數是暗影段顏色。
為了兼容所有的瀏覽器，如IE瀏覽器、火狐瀏覽器等，需要利用下麵的方式再設置div的暗影結果，代碼如下：
在瀏覽打開test.html頁麵，查看實現暗影的結果。
- 發表於 2019-09-17 23:12
- 閱讀 ( 768 )
- 分類：其他類型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
jy02406749
32 文章
-
我的QQ3117863681
24 文章
-
華誌健
23 文章
