如何設(shè)置透明背景 CSS怎么設(shè)置讓背景顏色透明,而文字不透明?
CSS怎么設(shè)置讓背景顏色透明,而文字不透明?1. 首先,我們創(chuàng)建一個(gè)新的HTML文件,添加一個(gè)div,設(shè)置寬度和高度,并用紅色填充背景色。2. 然后將子div插入父div以定義其寬度、高度和背景色。3
CSS怎么設(shè)置讓背景顏色透明,而文字不透明?
1. 首先,我們創(chuàng)建一個(gè)新的HTML文件,添加一個(gè)div,設(shè)置寬度和高度,并用紅色填充背景色。
2. 然后將子div插入父div以定義其寬度、高度和背景色。
3. 然后我們添加一個(gè)透明代碼(不透明度:0.6)。
4. 在層的頂部,有一個(gè)不透明度。我們將PS中圖層的不透明度設(shè)置為60%。
5. 刪除背景顏色和不透明度代碼并將其更改為背景-顏色:rgba(255,255,255,0.6)】。
6. 255255255是皮卡中的PS值。
HTML5怎么設(shè)置透明色?
問(wèn)題分析:HTML標(biāo)簽可以使用CSS背景色來(lái)設(shè)置背景色和透明度。
示例如下:
以下示例分別演示了不透明度、50%透明度和20%透明度的三種不同效果。
HTML代碼:
123456789
CSS代碼:
1234567891011131415161718
#TEST-1,#TEST-2,#TEST-3{寬度:300px高度:200px行高:200px文本對(duì)齊:中心顯示:內(nèi)聯(lián)塊邊距左側(cè):50px顏色:#FFF}#TEST-1{背景顏色:RGBA(0,0,0,1)}#TEST-2{背景顏色:RGBA RGBA(0,0,0,0.5)}#TEST 3{背景色:rgba(0,0,0,0.2)}