日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)桂平免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了近千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

1. text-shadow

使用 CSS 的 text-shadow 屬性我們可以為文本設(shè)置陰影效果，屬性的語法格式如下：

text-shadow: offset-x offset-y blur color;

語法說明如下：

• offset-x：必填參數(shù)，設(shè)置陰影的水平偏移量，可以為負(fù)值；
• offset-y：必填參數(shù)，設(shè)置陰影的垂直偏移量，可以為負(fù)值；
• blur：可選參數(shù)，設(shè)置模糊的半徑，值越大，模糊越大，陰影的邊緣越模糊，不允許使用負(fù)值；
• color：可選參數(shù)，設(shè)置陰影的顏色，如果省略或未指定該值，則采用 color 屬性的值。

提示：使用 text-shadow 屬性可以同時(shí)設(shè)定多組陰影效果，每組之間使用逗號分隔，定義的多組陰影效果會按照定義順序依次羅列，第一個(gè)陰影在最上面，以此類推。另外，若要取消文本的陰影效果則可以將 text-shadow 屬性的值設(shè)置為 none。

【示例】使用 text-shadow 屬性為文本添加陰影效果：

    


    
文本陰影效果
    
文本陰影效果

運(yùn)行效果如下圖所示：

2. box-shadow

使用 CSS 的 box-shadow 屬性我們可以為 HTML 元素設(shè)置陰影效果，屬性的語法格式如下：

box-shadow: h-shadow v-shadow blur spread color inset;

語法說明如下：

• h-shadow：必填參數(shù)，設(shè)置陰影水平方向的偏移量，可以為負(fù)值；
• v-shadow：必填參數(shù)，設(shè)置陰影垂直方向的偏移量，可以為負(fù)值；
• blur：可選參數(shù)，設(shè)置模糊的半徑，值越大，模糊越大，陰影的邊緣越模糊，不允許使用負(fù)值；
• spread：可選參數(shù)，設(shè)置陰影的尺寸；
• color：可選參數(shù)，設(shè)置陰影的顏色；
• inset：可選參數(shù)，將默認(rèn)的外部陰影 (outset) 改為內(nèi)部陰影。

提示：與 text-shadow 屬性相似，box-shadow 屬性也可以同時(shí)設(shè)定多組陰影效果，每組之間使用逗號分隔，定義的多組陰影效果會按照定義順序依次羅列，第一個(gè)陰影在最上面，以此類推。

【示例】使用 box-shadow 屬性為文本添加陰影效果：

運(yùn)行效果如下圖所示：