当前位置: 首页 > news >正文

CSS-背景属性篇

属性名:background-color
功能:设置背景颜色
属性值:符合CSS中颜色规范的值
默认背景颜色是 transparent
body{ background-color: blue; }

属性名:background-image
功能:设置背景图片
属性值:url(图片的地址)
body{ background:url(./test.png); }

属性名:background-repeat
功能:设置背景重复方式
属性值:
1.repeat:重复,铺满整个元素,默认值
2.repeat-x:只在水平方向重复
3.repeat-y:只在垂直方向重复
4.no-repeat:不重复

属性名:background-position
功能:设置背景图位置
属性:
1.
通过关键字设置位置:
写两个值,用空格隔开
水平:left、center、right
垂直: top、center、bottom
如果只写一个值,另一个方向的值取 center
background-position: left center;
2.
通过长度指定坐标位置:
以元素左上角,为坐标原点,设置图片左上角的位置
两个值,分别是x 坐标和y 坐标
只写一个值,会被当做 x 坐标,y坐标取 center

属性名:background
功能:复合属性(集合以上所有属性值
属性值:没有数量和顺序要求

http://www.dtcms.com/a/4510.html

相关文章:

  • 【C++初阶】第一站:C++入门基础(中)
  • 人工智能和AR/VR:AI在AR和VR中扮演什么角色?行业应用有哪些?
  • 【Linux虚拟内存的配置】
  • SpringCloud微服务 【实用篇】| Eureka注册中心、Ribbon负载均衡
  • 京东大数据分析:2023年10月手机行业销量同比增长249%
  • 二叉树题目:具有所有最深结点的最小子树
  • 【Vue】生命周期一文详解
  • 宅家追剧神器推荐,高亮轻薄投影仪极米Z7X带你开启追剧新体验
  • 1410. HTML 实体解析器 --力扣 --JAVA
  • pgsql 时区查看和修改
  • 使用 css 实现文字单行居右, 换行居左展示
  • 【学历是敲门砖】如果你想有个好的起点,不妨冲一冲计算机考研,这本书将会助你一臂之力
  • 交直流一体化电源系统测试步骤详解
  • JUC(Java Util Concurrent)多线程并发库
  • 机器学习的概念和类型
  • ubuntu上查看各个进程的实时CPUMEM占用的办法
  • wireshark 过滤设置
  • webpack环境变量的设置
  • Linux编辑器-gcc/g++使用
  • YOLOv7独家改进: Inner-IoU基于辅助边框的IoU损失,高效结合 GIoU, DIoU, CIoU,SIoU 等 | 2023.11
  • C# Onnx 特征匹配 DeDoDe 检测,不描述---描述,不检测
  • 2022最新版-李宏毅机器学习深度学习课程-P49 GPT的野望
  • SpringBoot学习笔记-实现微服务:匹配系统(上)
  • 家电回收小程序,省心省力的好帮手
  • MethodArgumentNotValidException 与 ConstraintViolationException
  • 【Element】el-progress 自定义进度条
  • 【C++】类与对象(中)
  • Javaweb实现数据库简单的增删改查
  • IOS输入框聚焦会把内容区域顶起
  • 数据库管理变更工具