問題分析:
HTML的標籤可以使用CSS的background-color來設定背景顏色以及透明度。
舉例如下:
以下示例將分別演示不透明、50%透明度以及20%透明度的三種不同效果。
HTML程式碼:
123456789
CSS程式碼:
123456789101112131415161718
#test-1, #test-2, #test-3{ width: 300px; height: 200px; line-height: 200px; text-align: center; display: inline-block; margin-left: 50px; color: #FFF;}#test-1{ background-color: rgba(0,0,0,1);}#test-2{ background-color: rgba(0,0,0,0.5);}#test-3{ background-color: rgba(0,0,0,0.2);}
問題分析:
HTML的標籤可以使用CSS的background-color來設定背景顏色以及透明度。
舉例如下:
以下示例將分別演示不透明、50%透明度以及20%透明度的三種不同效果。
HTML程式碼:
123456789
我是黑色背景,不透明的。 我是黑色背景,50%透明度。 我是黑色背景,20%透明度。CSS程式碼:
123456789101112131415161718
#test-1, #test-2, #test-3{ width: 300px; height: 200px; line-height: 200px; text-align: center; display: inline-block; margin-left: 50px; color: #FFF;}#test-1{ background-color: rgba(0,0,0,1);}#test-2{ background-color: rgba(0,0,0,0.5);}#test-3{ background-color: rgba(0,0,0,0.2);}