css3字体怎样设置阴影
在css中，可以利用“text-shadow”屬性給字體設置陰影，該屬性用于給文本設置陰影效果，屬性值可以設置文本的水平垂直陰影、模糊距離和陰影顏色，語法為“元素{text-shadow:水平陰影 垂直陰影 blur color;}”。
本教程操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。
css3字體怎樣設置陰影
在css中，想要設置字體的陰影，可以利用text-shadow屬性。
語法如下：
text-shadow: h-shadow v-shadow blur color;
text-shadow 屬性向文本添加一個或多個陰影。該屬性是逗號分隔的陰影列表，每個陰影有兩個或三個長度值和一個可選的顏色值進行規定。省略的長度是 0。
屬性值如下：
示例如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .wenben{ text-shadow: 5px 5px 5px #FF0000; } </style></head><body> <h1>這是沒有陰影的文本樣式</h1> <h1 class="wenben">這是有陰影的文本樣式</h1></body></html>
輸出結果：
（學習視頻分享：css視頻教程）
總結
以上是生活随笔為你收集整理的css3字体怎样设置阴影的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用VirtualEnvWrapper隔
- 下一篇： 闭包与非闭包