CSS——背景与边框

背景 什么是背景？

CSS中的背景可以为HTML文件中设置一个背景图片或是为网页设置一些背景颜色，同时CSS背景可以定位你的背景图片在界面上的具体位置或大小

背景颜色

background-color属性定义了CSS中任何元素的背景颜色。该属性接受任何有效的<color>值，背景颜色可以延申到元素的内容及内边距。

.box {
   
  background-color: #ff6455;
}

h2 {
   
  background-color: black;
  color: white;
}
span {
   
  background-color: rgba(255,255,255,.5);
}

<div class="box">
  <h2>Background Colors</h2>
  <p>Try changing the background <span>colors</span>.</p>
</div>

结果：

HSL(色相，饱和度，亮度——hue,saturation,lightness)
饱和度0——100， 如果饱和度取值为0则为灰色，亮度为0则为黑色，100则为白色。

（本图截自B站UP：DasAutoooo的CSS快速入门，感谢UP主的分享。）

背景图片

background-image属性允许在元素的背景中显示图像。

例如：

.a {
   
  background-image: url(balloons.jpg);
}

.b {
   
  background-image: url(star.png)