css如何给字体加阴影?

text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表,每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。

css通过text-shadow属性给字体加阴影效果。

设置文本阴影效果示例:

<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>

<h1>文本阴影效果!</h1>

</body>
</html>

效果图:

1 (2).jpg-600

text-shadow 属性:

text-shadow 属性向文本设置阴影。

语法:

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

属性值:

  • h-shadow 必需。水平阴影的位置。允许负值。

  • v-shadow 必需。垂直阴影的位置。允许负值。

  • blur 可选。模糊的距离。

  • color 可选。阴影的颜色。

以上就是css如何给字体加阴影?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑