Question

HTML如何给背景颜色设置透明度

Answer 1

为div添加样式。在<title>标签后面创建一个<style>，在<style>标签里设置rgba类的高
和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，
透明度参数越小透明度越高。
#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);
}

<div id="test-1">
    黑色背景，不透明
</div>

<div id="test-2">
    黑色背景，50%透明度
</div>

<div id="test-3">
    黑色背景，20%透明度
</div>