css - 如何使用 css 将两种不同的颜色放在标题后面？

Question

h2 {background-color:#C61236; 
color:#FFFFFF; 
font-size:medium; 
line-height:1.5; 
text-indent:20px;}

这就是我现在拥有的，但我想在文本之前的开头添加一个不同的色 block 。

不确定如何进行..

Answer 1

如果您将测试包装在一个跨度中，这将非常容易。

<h2><span>Text</span></h2>

将一种颜色应用于 h2 背景，将一种颜色应用于跨度。使用 padding 来显示 h2 背景:

h2 {
    background-color:#C61236; 
    color:#FFFFFF; 
    font-size:medium; 
    line-height:1.5; 
    /*text-indent:20px;*/
    padding-left:20px;
}

h2 span {
    background-color:#f00;
}