CSS半透明背景
代碼示例
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>半透明背景示例</title><style type="text/css">#content {background:rgba(0, 0, 0, 0.3);width:100px;height:100px;}#background {background:red;width:150px;height:150px;}#test {background:rgba(0, 0, 0, 0.3);width:100px;height:100px;}</style></head><body><div id="background"><div id="content"></div></div><div id="test"></div></body> </html>瀏覽器中顯示如下圖：
關(guān)于rgba()
- r表示紅色 ，g表示綠色，b表示藍(lán)色， a是透明度
- a的值在0-1之間，1表示不透明，0表示全透明。
- rgb的值用十進(jìn)制表示
總結(jié)
- 上一篇： 前端学习（1863）vue之电商管理系统
- 下一篇： CSS小技巧---半透明边框