【30】CSS核心样式（8）——背景属性（上）

倏存

已于 2022-07-12 21:41:24 修改

阅读量755

点赞数 5

分类专栏：前端基础文章标签： css 原力计划

于 2021-04-06 12:56:12 首次发布

本文链接：https://blog.csdn.net/weixin_47640160/article/details/115408614

版权

CSS 中除了布局类属性，还需要添加一些背景类的内容进行页面的修饰，从而让网页变得更加的美观。 CSS 中通过background属性来设置背景，它是一个综合属性，可以拆分成多个单一属性。

目录	本篇	下篇
	一、背景颜色 background-color	五、背景附着 background-attachment
	二、背景图片 background-image	六、综合写法
	三、背景重复 background-repeat	七、背景应用
	四、背景定位 background-position	八、CSS3 新增背景属性

一、背景颜色 background-color

背景颜色属性	具体含义
属性名	background-color
属性值	颜色名、颜色值
作用	在盒子区域添加背景颜色的修饰
加载区域	在 border 及以内加载背景颜色

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>一、背景颜色</title>
  <style>
    *{
     
      margin: 0;
      padding: 0;
    }
    .box {
     
      width: 300px;
      height: 300px;
      padding: 30px;
      border: 10px dashed #f00;
      margin: 50px;
      background-color: pink;
     }
  </style>
</head>
<body>
  <div class="box">111</div>
</body

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

倏存

关注关注

5
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
2
评论
【30】CSS核心样式（8）——背景属性（上）

• 背景颜色 background-color • 背景图片 background-image • 背景重复 background-repeat • 背景定位 background-position
复制链接

扫一扫