CSS 背景background的使用方法

 时间:2026-04-22 18:41:33

1、首先我们使用实例来说明背景的全部的使用方法和用法,background包括:

background-color

background-image

background-repeat

background-attachment

background-position

CSS 背景background的使用方法

2、首先在网页添加标签,并给标签添加class为back

CSS 背景background的使用方法

3、在<head>头部添加<style>,在<style>中写样式

CSS 背景background的使用方法

4、第一个是background-color,

这个属性可以元素添加背景颜色,参数可以使用十六进制的#FF0000,

也可以用rgb(255,0,0),还可以用英文red

CSS 背景background的使用方法

CSS 背景background的使用方法

5、第二个background-image,

为背景添加背景图片

用法:background-image:url(图片地址),使用background-repeat:no-repeat属性去掉重复铺设

CSS 背景background的使用方法

CSS 背景background的使用方法

6、background-attachment:使用fixed参数使网页的背景图片固定,不会随着页面的滚动而变化位置

CSS 背景background的使用方法

7、background-position是设置背景图的位置,固定背景图的位置

CSS 背景background的使用方法

CSS 背景background的使用方法

  • UML网络教学系统建模一
  • HBuilder如何设置项目管理器的图标风格
  • jquery怎么修改表格中td里面的值
  • div+css如何布局
  • Windows10电脑怎样配置系统环境变量
  • 热门搜索
    湘潭大学怎么样 灵芝怎么吃效果最好 荸荠怎么吃 下巴长痘痘怎么调理 怎么画粽子 头发白了怎么办 华硕飞行堡垒怎么样 糯米粉怎么和面不裂 牙痛怎么治 福寿鱼怎么做好吃