1.背景颜色
-
属性名:backgronud-color(bgc)
-
属性值:
-
颜色取值:关键字、rgb表示法、rgba表示法、十六进制.......
-
-
注意点:
-
背景颜色默认值是透明:rgba(0,0,0,0)、transparent
-
背景颜色不会影响盒子大小、并且还能看清盒子的大小和位置,一般在布局中会习惯先给盒子设置背景颜色
-
<style>
div {
/* background-color: pink; */
width: 400px;
height: 400px;
/* background-color: #ccc; */
/* 红绿蓝三原色,a是透明度0-1 */
/* background-color: rgba(0,0,0,0.5); */
background-color: rgba(0,0,0,.5);
}
</style>
</head>
<body>
<div>div</div>
</body>
2.背景图片
-
属性名:background-image(bgi)
-
属性值:background-image:url('图片的路径');
-
注意点:
-
背景图片url
-