css3如何實現邊框陰影

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

工具/材料

Sublime Text

操作方法

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

css3如何實現邊框陰影

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

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

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

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

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

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