css3字体怎样设置阴影
在css中，可以利用“text-shadow”屬性給字體設(shè)置陰影，該屬性用于給文本設(shè)置陰影效果，屬性值可以設(shè)置文本的水平垂直陰影、模糊距離和陰影顏色，語法為“元素{text-shadow:水平陰影 垂直陰影 blur color;}”。
本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css3字體怎樣設(shè)置陰影
在css中，想要設(shè)置字體的陰影，可以利用text-shadow屬性。
語法如下：
text-shadow: h-shadow v-shadow blur color;
text-shadow 屬性向文本添加一個或多個陰影。該屬性是逗號分隔的陰影列表，每個陰影有兩個或三個長度值和一個可選的顏色值進(jìn)行規(guī)定。省略的長度是 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>
輸出結(jié)果：
（學(xué)習(xí)視頻分享：css視頻教程）
總結(jié)
以上是生活随笔為你收集整理的css3字体怎样设置阴影的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用VirtualEnvWrapper隔
- 下一篇： php 怎么实现小票打印