p { background-color: black; color: white; }
在上面的代码中,大家将每个段落的背景颜色设置为黑色,文本颜色设置为白色。这样就可以实现文字背景反色的效果了,让文章更加突出、易于阅读。
当然,大家也可以自定义文字背景反色的颜色。只需要将background-color属性设置为大家想要的颜色即可:
p { background-color: #FFA500; color: white; }
在上面的代码中,大家将背景颜色设置为橙色(#FFA500),文本颜色仍为白色,得到了非常突出的效果。
总的来说,CSS的文字背景反色效果非常简单易用,在实际开发中也非常实用,可以让大家的页面更加美观、易于阅读。