當前位置:常識百科館>遊戲數碼>IT技術>

css3如何實現邊框陰影

IT技術 閱讀(3.29W)

我們在製作網頁的時候可以用CSS3添加邊框,那麼如果要給邊框添加陰影該怎麼做呢?下面小編給大家分享一下。

工具/材料

Sublime Text

操作方法

首先開啟Sublime Text軟件,新建一個HTML文檔,如下圖所示

css3如何實現邊框陰影

然後在html文檔的Body區域插入一個div,如下圖所示

css3如何實現邊框陰影 第2張

接下來給div定義一些樣式,注意其中的box-shadow就是定義邊框陰影的,如下圖所示

css3如何實現邊框陰影 第3張

最後我們執行介面程序,你會看到邊框已經被添加上陰影了,如下圖所示

css3如何實現邊框陰影 第4張