css3如何實現邊框陰影

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

工具/材料

Sublime Text

操作方法

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

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

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

最後我們執行介面程式，你會看到邊框已經被新增上陰影了，如下圖所示