HTML + 給標題設置倒影
.title{ text-shadow: -1px -1px 0 #fff, 1px 1px 0 #000; }
為了讓網頁更加美觀和獨特,我們可以使用CSS給標題設置倒影效果。
在CSS中,使用text-shadow屬性可以設置文字陰影效果。該屬性需要指定多組陰影參數,每組參數用逗號分隔。每組參數包含四個值,分別代表水平偏移量、垂直偏移量、模糊半徑和顏色。
而只有水平和垂直偏移量為負數時,才能實現倒影效果。因此,我們可以將文字陰影參數設置為:-1px -1px 0 #fff, 1px 1px 0 #000。
.title{ text-shadow: -1px -1px 0 #fff, 1px 1px 0 #000; }
上述CSS代碼在.title類中設置了倒影效果。如果將該類應用到h1、h2、h3等標題中,就可以為網頁添加炫酷的倒影效果了。