首頁 > web前端 > css教學 > css怎麼設定字體陰影

css怎麼設定字體陰影

王林
發布: 2020-11-30 16:48:43
原創
12679 人瀏覽過

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教學

以上是css怎麼設定字體陰影的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板