1

有谁知道样式的 CSS 或 tut 来制作这种类型的文本阴影/缩进?

谷歌搜索 css 文本阴影/缩进没有提出它......

我无法内联发布图像,所以这是直接链接:http: //i.minus.com/ibr0BdDsx0IaBT.png

4

5 回答 5

2

它的 CSS 应该是这样的:

text-shadow: -1px -1px rgba(0, 0, 0, 0.6);

链接:http ://www.w3schools.com/cssref/css3_pr_text-shadow.asp

于 2012-08-09T19:56:27.897 回答
1
text-shadow: 2px 2px 2px #000;

意义

text-shadow: x-position y-position shadow-size shadow-color;
于 2012-08-09T19:57:46.843 回答
0

如果您查看屏幕截图来自 FireBug 的页面,您可能会发现效果是由以下内容制成的:

#footer-wrap #footer .foot-col {
    text-shadow: 0 1px 0 #FFFFFF;
}
于 2012-08-09T20:00:18.523 回答
0

完整的 CSS3 shadow tut 和许多示例 - http://bit.ly/WKd65x

于 2012-11-09T11:31:44.603 回答
0

这可能对你有用

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
</style>
</head>
<body>

<h1>Text-shadow effect!</h1>

<p><b>Note:</b> Internet Explorer 9 and earlier versions, do not support the text-shadow property.</p>

</body>
</html>

这是来源:CSS文本和字体属性

于 2015-06-12T07:01:35.327 回答