当前位置: 首页 > 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
功能:复合属性(集合以上所有属性值
属性值:没有数量和顺序要求

相关文章:

  • 【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
  • A股三大股指涨跌互现:银行股领涨,两市成交12915亿元
  • 印称印巴军事行动总指挥同意将局势降级
  • 应急部:正在积极推动各地逐步科学建设改造应急避难场所
  • 十三届全国政协经济委员会副主任张效廉被决定逮捕
  • 均价19.5万元/平米!上海徐汇滨江地王项目“日光”,销售额近70亿元
  • 王毅同印度国家安全顾问多瓦尔通电话