css3中背景颜色 |wex5css

background-color: #FF0000; // 使用十六进制颜色码设置背景颜色
background-color: rgb(255, 0, 0); // 使用RGB颜色值设置背景颜色
background-color: rgba(255, 0, 0, 0.5); // 使用RGBA颜色值设置带透明度的背景颜色
background-color: hsl(0, 100%, 50%); // 使用HSL颜色值设置背景颜色
background-color: hsla(0, 100%, 50%, 0.5); // 使用HSLA颜色值设置带透明度的背景颜色

其中，最常用的是十六进制颜色码和RGB颜色值。它们都能够使用红、绿、蓝三个颜色通道来混合生成任意颜色。

对于带有透明度的背景颜色，大家可以使用RGBA和HSLA颜色值。其中，A代表Alpha，取值范围为0到1，数值越小表示透明度越高。

而HSL和HSLA颜色值则使用色相（Hue）、饱和度（Saturation）和亮度（Lightness）三个属性来描述颜色。使用HSL和HSLA颜色值可以方便地进行调色，而且更具有直观性。

总之，在CSS3中，大家可以灵活地使用各种颜色值来设置元素的背景颜色，从而实现各种不同的效果。