该属性可以应用于任何文本元素,包括段落、标题、按钮等。
例子:
p { background-color: lightblue; }
通过将background-color
属性设置为transparent
,可以使文本的背景色透明。
例子:
p { background-color: transparent; }
也可以通过指定颜色值来设置背景色,可以使用颜色名称、十六进制值或RGB值。
例子:
p { background-color: yellow; } p { background-color: #008000; } p { background-color: rgb(255, 0, 0); }
可以通过CSS3中的background-clip
属性来控制背景色如何被裁剪,常用的值包括border-box
、padding-box
和content-box
。
例子:
p { background-color: lightblue; border: 10px solid black; padding: 20px; background-clip: content-box; }
上述代码表示,段落的背景色只覆盖其内容框,而不影响边框和内边距。