如何在CSS中使用两种颜色绘制文本?

如何在CSS中使用两种颜色绘制文本?,css,Css,我是用photoshop做的,但是如何用css做呢?我想画字母g的帽子?分解角色,分别为“组合灯塔”(U+0306)上色: *{ 字体大小:40px; } ğ我认为您应该使用css伪元素来实现这一点。可能是:在之前或:在之后,这看起来确实应该起作用,但至少在Chrome current和FF 56上,两者看起来颜色相同,可能是因为它们被一起解释或其他原因。为一个元素赋予不同的样式(如边框)会产生所需的不同颜色,但随后字符会水平移动separated@CertainPerformanc


我是用photoshop做的,但是如何用css做呢?我想画字母g的帽子?

分解角色,分别为“组合灯塔”(U+0306)上色:

*{
字体大小:40px;
}

我认为您应该使用css
元素来实现这一点。可能是
:在
之前或
:在
之后,这看起来确实应该起作用,但至少在Chrome current和FF 56上,两者看起来颜色相同,可能是因为它们被一起解释或其他原因。为一个元素赋予不同的样式(如边框)会产生所需的不同颜色,但随后字符会水平移动separated@CertainPerformance陛下太糟糕了。我只在Chrome/Mac76上进行了测试,而且效果很好。它在Safari/Mac12.1.1上失败(分解),在Firefox/Mac69上失败(均为黑色)。哦,好吧,值得一试。。。我想你也可以做一些类似的事情,用非组合色叠加。。。但这需要更多的工作。不幸的是,它只有一种颜色:(