css3如何實現邊框隂影

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

工具/材料

Sublime Text

操作方法

• 01

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

  
• 02

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

  
• 03

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

  
• 04

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