五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 建站教程 > css教程 > CSS3 text-shadow 屬性

CSS3 text-shadow 屬性

此節(jié)有 223 人學習過     參與評論

實例

基礎(chǔ)的文本陰影效果:

h1
{
text-shadow: 5px 5px 5px #FF0000;
}

親自試一試

頁面底部有更多實例。

瀏覽器支持

IE Firefox Chrome Safari Opera

所有主流瀏覽器都支持 text-shadow 屬性。

注釋:Internet Explorer 9 以及更早版本的瀏覽器不支持 text-shadow 屬性。

定義和用法

text-shadow 屬性向文本設(shè)置陰影。

默認值: none
繼承性: yes
版本: CSS3
JavaScript 語法: object.style.textShadow="2px 2px #ff0000"

語法

text-shadow: h-shadow v-shadow blur color;

注釋:text-shadow 屬性向文本添加一個或多個陰影。該屬性是逗號分隔的陰影列表,每個陰影有兩個或三個長度值和一個可選的顏色值進行規(guī)定。省略的長度是 0。

描述 測試
h-shadow 必需。水平陰影的位置。允許負值。 測試
v-shadow 必需。垂直陰影的位置。允許負值。 測試
blur 可選。模糊的距離。 測試
color 可選。陰影的顏色。參閱 CSS 顏色值。 測試

親自試一試 - 實例

帶有模糊效果的文本陰影
該例演示帶有模糊效果的文本陰影。
白色文本上的陰影
本例演示白色文本上的文本陰影。
霓虹燈效果的文本陰影
本例演示帶有霓虹燈效果的文本陰影。

相關(guān)頁面

CSS3 教程:CSS3 文本效果

如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答?。?點擊進入論壇

發(fā)表評論 (223人查看,0條評論)
請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴禁發(fā)布色情、暴力、反動的言論。
昵稱:
最新評論
------分隔線----------------------------
css教程目錄

其它欄目

· 建站教程
· 365學習

業(yè)務咨詢

· 技術(shù)支持
· 服務時間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號