CSS Text Shadow / Indent

时间:2012-08-09 19:53:43

标签: css

有没有人知道这种类型的文字阴影/缩进的样式的CSS或tut?

google搜索css文字阴影/缩进不会提起它......

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

5 个答案:

答案 0 :(得分:2)

它的CSS应该是这样的:

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

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

答案 1 :(得分:1)

text-shadow: 2px 2px 2px #000;

含义

text-shadow: x-position y-position shadow-size shadow-color;

答案 2 :(得分:0)

如果您查看屏幕截图来自FireBug的页面,您可能会发现效果是:

#footer-wrap #footer .foot-col {
    text-shadow: 0 1px 0 #FFFFFF;
}

答案 3 :(得分:0)

完成CSS3阴影和许多示例 - http://bit.ly/WKd65x

答案 4 :(得分: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 Text & Font Properties