css文字陰影text-shadow屬性是什么

發(fā)布時間：2022-03-02 11:47:38 來源：億速云閱讀：182 作者：小新欄目：web開發(fā)

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

text-shadow屬性語法

text-shadow:x-offsety-offsetblurcolor;

以上一串代碼詳解：

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)陰影的顏色。

具體實(shí)例：

<!DOCTYPEhtml>

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CSS3text-shadow屬性</title>

<styletype="text/css">

#lvye

{

font-size:40px;

text-shadow:4px4px2pxgray;

-webkit-text-shadow:4px4px2pxgray;

-moz-text-shadow:4px4px2pxgray;

}

</style>

</head>

<body>

<divid="lvye">億速云</div>

</body>

</html>

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

向AI問一下細(xì)節(jié)

猜你喜歡