6. 文字陰影
盡管在CSS2中就已經(jīng)存在，text-shadow是一個未被廣泛應(yīng)用的CSS屬性。但是它將在CSS3中被廣泛采用。這個屬性給設(shè)計師一個新的跨瀏覽器的工具來為設(shè)計添加一個維度以使文字醒目。
盡管這樣，你需要確認(rèn)，你的設(shè)計中的文字是可讀的，以防用戶的瀏覽器不支持CSS3高級屬性。給文字和背景色彩足夠的對比度以防text-shadow 屬性不能被瀏覽器正確渲染或理解。
Beakapp 在它的網(wǎng)站中使用了text-shadow 屬性：內(nèi)容區(qū)域.
BeakApp.com 為內(nèi)容區(qū)域使用了text-shadow 屬性，為文字添加深度和維度 并讓它變得醒目——而不是使用某種圖片替換技術(shù)。該屬性目前只在Safari和Chrome中可用。
該網(wǎng)站的主菜單使用的CSS如下： .signup_area p {
text-shadow: rgba(0,0,0,.8) 0 1px 0;
} 這里我們使用陰影顏色(使用了RGBA，前面有描述)， 然后是右(x 坐標(biāo)) 和底部(y 坐標(biāo)) 偏移，最后是模糊半徑
如果要在一個文字上使用多陰影，可以使用逗號分開。比如： p {
text-shadow: red 4px 4px 2px,
yellow -4px -4px 2px,
green -4px 4px 2px;
}瀏覽器支持: Webkit核心瀏覽器和Opera 9.5 支持text-shadow。Internet Explorer 不支持它，F(xiàn)irefox 將在即將發(fā)行的3.5版本中支持。
擴(kuò)展閱讀：
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 Word Wrap 下一頁 @font-face屬性
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 6 頁 文字陰影
