Rumah >hujung hadapan web >tutorial css >text-shadow属性怎么用
text-shadow属性怎么用
- 青灯夜游asal
- 2019-01-30 14:26:547585semak imbas
text-shadow属性用于为文本添加阴影效果，通过该属性我们可以设置水平或垂直阴影的位置，模糊距离及颜色。
CSS3 text-shadow属性
作用：向文本应用阴影。
说明：设置或检索对象中文本的文字是否有阴影及模糊效果。
语法：
text-shadow: h-shadow v-shadow blur color;
h-shadow：水平阴影的位置。允许负值。
v-shadow：垂直阴影的位置。允许负值。
blur：模糊的距离，可省略。
color ：阴影的颜色，可省略。
说明：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。
CSS3 text-shadow属性的使用示例
<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>
<h1>文本阴影效果！</h1>
</body>
</html>效果图：
以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目！！！
Atas ialah kandungan terperinci text-shadow属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：background-origin属性怎么用Artikel seterusnya：word-wrap属性怎么用