div { background-color: red; /*使用颜色名称*/ background-color: #FF0000; /*使用16进制颜色码*/ background-color: rgb(255, 0, 0); /*使用RGB颜色值*/ background-color: rgba(255, 0, 0, 0.5); /*使用RGBA颜色值,带透明度*/ }
首先,大家可以通过颜色名称来设置div的背景颜色,如上面代码中的red。CSS支持的颜色名称包括red、green、blue、black、white等。
其次,大家也可以使用16进制的颜色码来设置div的背景颜色,如#FF0000就是红色的颜色码。这种方式应用较为广泛,因为它可以保证浏览器之间的显示一致性。
CSS也支持使用RGB颜色值来设置div的背景颜色,RGB颜色值由红、绿、蓝三种颜色成分组成,每个颜色成分的取值范围为0~255,如rgb(255, 0, 0)表示红色。
最后,如果大家需要设置div的背景颜色带有透明度,可以使用RGBA颜色值,其中alpha参数表示透明度,取值范围为0~1,如rgba(255, 0, 0, 0.5)表示半透明的红色背景。