為圖片添加投影陰影效果

很多的博客都使用了圖片投影效果，使得圖片邊框有陰影。

做法其實很簡單，就是利用了 CSS3 中的 box-shadow 屬性。

box-shadow 屬性的用法

語法

圖示

例子

瀏覽器支持

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • text-shadow是給文本添加陰影效果，box-shadow是給元素塊添加周邊陰影效果。隨著HTML5和CSS...
    arlene112閱讀 2,290評論 0贊 1
  • 選擇qi：是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    love2013閱讀 2,333評論 0贊 11
  • 選擇qi：是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    wzhiq896閱讀 1,799評論 0贊 2
  • 1、屬性選擇器：id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,656評論 0贊 7
  • 和菜頭在《槽邊往事》中發布了一篇《個人的黃昏——〈未來簡史〉讀后》，我讀了以后，寫下這首詩，名為《〈未來簡史〉讀后...
    楊畫畫閱讀 356評論 0贊 1