提示:来自哔哩哔哩博主 不良良良
已经开始感受到夏天的风了
背景相关属性,标签元素显示模式
背景颜色:background-color(bgc简写)
属性名:background-color
属性值:
- 颜色取值:关键字,rgb表示法,rgba表示法,16进制…
注意点: - 背景颜色默认值是透明:rgba(0,0,0,0)
- 背景颜色不会影响盒子大小,而且还能看清盒子的大小及其位置,在一开始的布局中,会先给盒子设置背景颜色,以进行相关设计,
<style>
div{
width: 500px;
height: 600px;
}
.box1{
background-color: deeppink;
}
.box2{
background-color: aqua;
width: 300px;
height: 200px;
}
</style>
</head>
<body>
<div class="box1">
<div class="box2"></div>
</div></