Question

我一直致力于前端开发，但无法使用阴影效果实现文本。前端由HTML5，CSS3，bootstrap和AngularJS编码，因此在设计中，文本字段中的阴影效果就像photoshop中的阴影效果一样。

请告诉我如何实现这种阴影效果。

Answer 1

你可以使用＆＃39; text-shadow＆＃39;属性。

详细了解文字阴影属性：Text Shadow

在这个例子中，它会影响h1元素。

h1 {
    text-shadow: 2px 2px #ff0000;
}

<强>语法：

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

Answer 2

注意： Internet Explorer 9及更早版本不支持text-shadow属性。

在询问任何问题之前应该先搜索Google。因为在这里我的答案是谷歌搜索的第一个结果。

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    text-shadow: 3px 3px #FF1111;
}
</style>
</head>
<body>

<h1>Some Text</h1>
</body>
</html>

带阴影效果的HTML5文字

2 个答案: