CSS3中提供了更為豐富的背景顏色代碼,讓我們可以輕松地實(shí)現(xiàn)各種炫酷的效果。
/* 16進(jìn)制顏色代碼 */ background-color: #ffffff; /* 白色 */ background-color: #000000; /* 黑色 */ background-color: #ff0000; /* 紅色 */ background-color: #00ff00; /* 綠色 */ background-color: #0000ff; /* 藍(lán)色 */ /* RGB顏色代碼 */ background-color: rgb(255, 255, 255); /* 白色 */ background-color: rgb(0, 0, 0); /* 黑色 */ background-color: rgb(255, 0, 0); /* 紅色 */ background-color: rgb(0, 255, 0); /* 綠色 */ background-color: rgb(0, 0, 255); /* 藍(lán)色 */ /* RGBA顏色代碼 */ background-color: rgba(255, 255, 255, 0.5); /* 半透明白色 */ background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */ background-color: rgba(255, 0, 0, 0.5); /* 半透明紅色 */ background-color: rgba(0, 255, 0, 0.5); /* 半透明綠色 */ background-color: rgba(0, 0, 255, 0.5); /* 半透明藍(lán)色 */
除了以上常用的顏色代碼外,CSS3還提供了更為細(xì)致的取色方式,讓我們可以更加精確地控制背景顏色。