.background{ background-color: #fff; } .background img{ background-color: #f0f0f0; }
在以上代码中,大家可以看到以下两个部分:
第一部分,.background{} 定义了一个类名为 background 的元素,它的背景颜色设置为白色。这个部分可以设置任何元素的背景颜色。
第二部分,.background img{} 定义了一个类名为 background 的图片元素,它的背景颜色设置为 #f0f0f0。这个部分只能应用于图片元素,它将图片的透明部分设置为 #f0f0f0。
在以上代码中,大家使用了颜色的十六进制值设置背景色,而如果要使用其他形式的颜色值,比如英文单词名称、rgb值等,也可以在CSS语言中设置。
.background{ background-color: rgb(255, 255, 255); } .background img{ background-color: wheat; }
以上代码中,大家演示了使用rgb值和英文单词名称设置背景色的方法。
CSS语言可以让大家灵活地设置图片背景色,以便实现网页布局的丰富多彩,更好地呈现内容。