CSS基础——背景图片设置

本文详细介绍了CSS中的背景样式设置,包括background-color用于定义背景颜色,background-image用于设置背景图片,background-repeat控制图片平铺,background-position调整图片位置,background-attachment决定图片是否随页面滚动,以及如何通过background-size设置背景图片大小。同时,文章还提到了背景颜色的半透明效果和背景样式的简写方法。
摘要由CSDN通过智能技术生成

background-color 定义元素的背景颜色
background-image 定义元素的背景图片
background-repeat 设置元素背景图片是否平铺
background-position 设置图片在背景中的位置
background-attachment 设置背景图像是否固定或随着页面滚动
background-size 设置背景图片大小

背景图片设置简介

通过 CSS 背景属性,可以给页面元素添加背景样式。

背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。

设置背景颜色

样式名称:background-color

div{
   
    width: 300px;
    height: 300px;
    background-color: blue;
}

注意:

  1. 颜色值可以使用颜色的英文单词、六进制和rgba
  2. 元素背景颜色默认值是transparent(透明)

设置背景图片

样式名称:background-image

div{
   
    width</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值