在CSS中,我們可以通過設(shè)置text-shadow
屬性來添加字體描邊,這個屬性接受四個值,分別是水平偏移、垂直偏移、模糊半徑和顏色,下面是一個例子:
h1 { text-shadow: 2px 2px 4px #000; }
在這個例子中,text-shadow
屬性給h1
元素的文本添加了一個黑色(#000)的描邊,水平偏移和垂直偏移都是2像素,這意味著描邊會在文本的右側(cè)和底部,模糊半徑是4像素,這會使描邊稍微模糊,看起來更加自然。
如果你想要改變描邊的顏色,你可以改變第四個值,如果你想要一個紅色的描邊,你可以這樣寫:
h1 { text-shadow: 2px 2px 4px #f00; }
如果你想要去掉描邊,你可以將text-shadow
屬性設(shè)置為none
:
h1 { text-shadow: none; }
text-shadow
屬性在IE瀏覽器中不被支持,如果你需要支持IE瀏覽器,你可能需要使用其他方法來實現(xiàn)字體描邊。