css3如何實現邊框陰影

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

工具/材料

Sublime Text

操作方法

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

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

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

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