首頁 > 文章 > web前端 > css怎麼設定字體陰影

css怎麼設定字體陰影

王林原創: 2020-11-23 11:22:0712640瀏覽

css設定字體陰影的方法：使用程式碼【text-shadow:3px 3px 3px #00f;】，【text-shadow】屬性應用於陰影文本，語法為【text-shadow: h-shadow v -shadow blur color;】。

css怎麼設定字體陰影

本教學操作環境：windows10系統、css3版，此方法適用於所有品牌電腦。

（學習影片分享：css影片教學）

css設定字體陰影的方法：

##相關屬性：

text-shadow 屬性套用於陰影文字。

語法：

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

屬性值：

#h-shadow 必要。水平陰影的位置。允許負值。
v-shadow 必需。垂直陰影的位置。允許負值。
blur 可選。模糊的距離。
color 可選。陰影的顏色。

範例：

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <style>
        *{
            font-family: 微软雅黑;
        }

        p{
            text-shadow:3px 3px 3px #00f;
        }
    </style>
</head>
<body>
    <div>
        <p>linux is very much!</p>
        <p>linux is very much!</p>
        <p>linux is very much!</p>
        <p>linux is very much!</p>
        <p>linux is very much!</p>
    </div>
</body>
</html>

css怎麼設定字體陰影

相關文章