Text CSS文本雕刻或压制效果

Text CSS文本雕刻或压制效果,text,css,Text,Css,如果有人到了这里-。在最顶端,有djangocon标志。这个标志是所有的文字&文字就像压在里面一样。有点像是被刻进去的 我已经研究了CSS&没有得到什么属性会导致这种效果。有人知道吗 更新:看来我搞错了。顶部的徽标是一个图像。但下面的文本并非如此。给出相同的按下文本。深绿色矩形框(位于导航栏下方)。您需要文本阴影属性 编辑:但很明显,你链接到的页面实际上是使用图像来完成的 使用文本阴影:0 1px 0颜色您将获得相同的效果 如果需要更多信息,请使用firebug快速查看,这是文本阴影属性。我自

如果有人到了这里-。在最顶端,有djangocon标志。这个标志是所有的文字&文字就像压在里面一样。有点像是被刻进去的

我已经研究了CSS&没有得到什么属性会导致这种效果。有人知道吗


更新:看来我搞错了。顶部的徽标是一个图像。但下面的文本并非如此。给出相同的按下文本。深绿色矩形框(位于导航栏下方)。

您需要
文本阴影属性


编辑:但很明显,你链接到的页面实际上是使用图像来完成的

使用
文本阴影:0 1px 0颜色
您将获得相同的效果


如果需要更多信息,请使用firebug快速查看,这是文本阴影属性。我自己从来没有用过。文本阴影是正确的。我经常使用它,它可以产生一些有趣的效果(虽然它不应该被依赖于任何重要的东西,因为浏览器支持还没有完成)

然而,正如其他海报也指出的,你链接到的图像很好…一个图像。您可以在Photoshop中使用图层上的混合选项并使用无模糊的阴影或斜面/浮雕设置轻松实现此效果。这是完成任务更可靠的方法,因为浏览器中的图像支持明显比CSS 3支持更广泛

对于一些重要的东西,比如一个标志或重要的公告,我通常会偏向于图像。此外,您还可以使用图像控制消除混叠,这是使用CSS 3无法完全控制的(尽管大多数基于浏览器的消除混叠非常好)

页脚是使用文本阴影的一个更好的例子。以下是根据Chrome计算的样式:


是记住这些的最简单方法,我发现。

使用
文本阴影属性可以实现文本压缩效果。请参阅此示例

wtf。。。虽然此链接可以回答问题,但最好在此处包含答案的基本部分,并提供链接供参考。如果链接页面发生更改,仅链接的答案可能无效。注意。我的回答是一个元回答:“如果你有这种类型的问题,你通常可以在那个网站上回答。”