在CSS中,可以使用opacity屬性來設(shè)置盒子的透明度。該屬性接受0~1之間的數(shù)值,0表示完全透明,1表示完全不透明。
另外,還有一種更常用的方式是使用rgba()函數(shù)來設(shè)置盒子的顏色和透明度。該函數(shù)接受4個參數(shù):紅色值、綠色值、藍色值和透明度(取值范圍同上述)。
.box1 { opacity: 0.5; /* 設(shè)置透明度為50% */ background-color: #f00; /* 設(shè)置背景色為紅色 */ } .box2 { background-color: rgba(255, 0, 0, 0.5); /* 設(shè)置背景色為紅色,透明度為50% */ }
需要注意的是,設(shè)置盒子透明度會影響該盒子內(nèi)所有元素的透明度,包括文本、邊框等。