|
text-shadow是我們可以省略前綴的幾個(gè)CSS屬性之一，類似的還有box-shadow，它必須應(yīng)用于文本，并它們有相同的四個(gè)參數(shù)：
| x-offset |
水平位移 |
| y-offest |
垂直位移 |
| blur |
模糊值 |
| color of shadow |
陰影顏色 |
h1 {
text-shadow: 0 1px 0 white;
color: #292929;
}
Text-Outline
和box-shadow一樣，它可以設(shè)置多個(gè)陰影通過逗號(hào)分隔符。例如，我們創(chuàng)建文本框的輪廓，當(dāng)webkit不支持stroke效果，我們可以使用下面的代碼讓更多的瀏覽器支持（雖然不是很美觀）。
body { background: white; }
h1 {
text-shadow: 0 1px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black;
color: white;
}
演示
4、Text-Stroke
演示
使用這個(gè)方法時(shí)要注意了，只有webkit（Safari, Chrome, iPhone）在最后的幾年內(nèi)還支持這個(gè)屬性。其實(shí)，雖然我可能是錯(cuò)的，’text-stroke’還不屬于CSS3范疇的一部分。在這種情況下，使用白色字體時(shí)，firefox會(huì)顯示一個(gè)空白頁面。要解決此問題，你即可以使用Javascript，也可以通過使用一種不同于背景顏色的文字顏色。
h1 {
-webkit-text-stroke: 3px black;
color: white;
}
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 你需要熟知10個(gè)的CSS3屬性 [3] 下一頁 你需要熟知10個(gè)的CSS3屬性 [5]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 4 頁 你需要熟知10個(gè)的CSS3屬性 [4]
