這篇文章主要介紹了怎么用CSS3的text-shadow實(shí)現(xiàn)字體陰影的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇怎么用CSS3的text-shadow實(shí)現(xiàn)字體陰影文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

芒市網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),芒市網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為芒市超過(guò)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的芒市做網(wǎng)站的公司定做！

    一、CSS3單詞與語(yǔ)法

    1、CSS3單詞：

    text-shadow

    2、語(yǔ)法結(jié)構(gòu)

    p{text-shadow:5px2px6px#000;}

    設(shè)置p盒子里文字陰影效果距離左5px和距離上2px開(kāi)始顯示陰影效果，同時(shí)陰影大小范圍為6px，陰影顏色為黑色（#000）。

    3、說(shuō)明

    文字顯示陰影效果共4個(gè)值，第一個(gè)代表距離左多少距離開(kāi)始顯示陰影效果，第二個(gè)值代表距離上多少距離開(kāi)始顯示陰影效果，第三個(gè)值代表陰影范圍大小，第四個(gè)值為陰影效果顏色。

    二、案例

    1、案例HTML代碼

   

    文字陰影測(cè)試內(nèi)容1