css中文字陰影text-shadow屬性怎么寫-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)css中文字陰影text-shadow屬性怎么寫的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司是專業(yè)的南通網(wǎng)站建設(shè)公司，南通接單;提供網(wǎng)站建設(shè)、網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行南通網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!

text-shadow屬性語法

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

以上一串代碼詳解：

x-offset是表示水平陰影，表示水平的偏移位置，x-offset的單位是px，也可以用百分比去表示，當(dāng)x-offset的值出現(xiàn)正的時候，就說明出現(xiàn)的陰影向右移動，如果x-offset的值出現(xiàn)負(fù)的時候，就說明向左移動。

y-offset是表示垂直陰影，y-offset的單位也是和x-offset一樣的，y-offset如果出現(xiàn)負(fù)值，就表示向上偏移，如果為正值，就表示向上偏移。

blur就表示陰影的模糊程度，但是最重要的一點(diǎn)就是不能出現(xiàn)負(fù)值，只能是正值，blur的值越大就說明越模糊，越小的話就越清晰。如果我們不想設(shè)置模糊，我們就把blur設(shè)為0，

color表示出現(xiàn)陰影的顏色。

具體實例：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CSS3 text-shadow屬性</title>
    <style type="text/css">
        #lvye
        {
            font-size:40px;
            text-shadow:4px 4px 2px gray;
            -webkit-text-shadow: 4px 4px 2px gray;
            -moz-text-shadow: 4px 4px 2px gray;
        }
    </style>
</head>
<body>
    <div id="lvye">創(chuàng)新互聯(lián)建站</div>
</body>
</html>

感謝各位的閱讀！關(guān)于“css中文字陰影text-shadow屬性怎么寫”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網(wǎng)頁題目：css中文字陰影text-shadow屬性怎么寫-創(chuàng)新互聯(lián)
本文來源：http://muchs.cn/article14/doohge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站制作、關(guān)鍵詞優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容