CSS以2种颜色显示一个字符
这个问题在这里已经有了答案：
h1 {
font-size: 72px;
background: -webkit-linear-gradient(red 49%, blue 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
填写您自己的供应商前缀。
一种解决方案是：
HTML：
<span class="half" title="B">B</span>
（请参阅您必须设置属性值）
CSS：
.half {
font-size: 90px;
font-weight: bold;
position: relative;
color: blue;
line-height: 1em;
}
.half:before {
position:absolute;
content:''attr(title)'';
color: red;
height: .5em;
overflow: hidden;
}
问题是每个浏览器都会以不同的方式计算.5em值
链接地址: http://www.djcxy.com/p/23779.html