首頁 > web前端 > css教學 > 主體

使用CSS為圖片添加陰影的方法

不言
發布: 2018-04-21 15:49:26
原創
2653 人瀏覽過

一般我們可以使用背景圖的方式為圖片加上陰影,但對於不固定尺寸的圖片如何實現呢?我們可以採取「視覺欺騙大法」-定義漸層邊框來實現: [code] on_all">

一般我們可以使用背景圖的方式為圖片加上陰影,但對於不固定尺寸的圖片如何實現呢?我們可以採取「視覺欺騙大法」-定義漸層邊框來實作:



# 提示:您可以先修改部分程式碼再執行


下面這段定義是各標準瀏覽器中圓角定義,用以更專業地欺騙眼睛


#複製程式碼

#程式碼如下:

border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px;
登入後複製


顏色程式碼可以在ps中做好外發光效果後拾取。我上面的效果是[柔和]、[擴展0]、[大小5px]、[顏色#000]其餘默認
當然了,特殊要求的話可以使用ie的濾鏡來實現更華麗的陰影。

#

以上是使用CSS為圖片添加陰影的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!