作者:电脑信息网日期:
返回目录:设置问题
可以用“background-color”这个属性设置颜色。
1、新建html文档,在知body标签中添加一个道div标签,为这个div标签设置一个id以方便选取这个元素:
2、在head标签内添加style标签,由于div是块级元素,所以需要为div设置宽度和高度,分别用属性“width”和“height”表示,为了内演示方便,这里为div设置一个边框:
3、给div标签添加背景颜色属性“background-color”,属性值为颜容色,这里以红色为例,此时div的背景颜色就设置好了:
可以使用dvi代码。
<div class="bg"></div>
<style>
.bg {
background-color:red /*此处更换为所需的颜色代码*/
}
</style>
问题分析:e799bee5baa6e59b9ee7ad94335
HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。
举例如下:
以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。
HTML代码:
<div id="test-1">
我是黑色背景,不透明的。
</div>
<div id="test-2">
我是黑色背景,50%透明度。
</div>
<div id="test-3">
我是黑色背景,20%透明度。
</div>
CSS代码:
#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);
}
页面初始化效果:
style="background-color:#000000;"