当前位置: 首页 > 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.lryc.cn/news/242175.html

相关文章:

  • KyLin离线安装OceanBase
  • 插件预热 | 且看安全小白如何轻松利用Goby插件快速上分
  • pytorch下载离线包的网址
  • 【docker下安装jenkins】(一)
  • 【前端】必学知识ES6 1小时学会
  • 【学生成绩管理】数据库示例数据(MySQL代码)
  • 【电子通识】什么是物料清单BOM(Bill of Material))
  • 接口自动化测试难点:数据库验证解决方案!
  • 淘宝、1688代购系统;微信代购小程序,代购系统源代码,PHP前端源码演示
  • LED驱动控制专用电路
  • 为什么 Flink 抛弃了 Scala
  • scala 实现表达式解析
  • 分布式事务seata的AT模式介绍
  • 初识Linux(1),看了这篇文章,妈妈再也不用担心我Linux找不到门了。
  • 甲烷产生及氧化
  • Javascript的form表单校验输入框
  • 大数据-之LibrA数据库系统告警处理(ALM-37003 GTM主备不同步或者GTM主备断连)
  • python每日一题——4移动0
  • CAN实验
  • (一)pytest自动化测试框架之生成测试报告(mac系统)
  • 微服务实战系列之Nginx
  • 使用rsync从OpenShift的pod复制文件
  • 解决Activiti5.22流程图部署在Windows上正常,但在linux上部署后出现中文变方块的问题
  • EMG肌肉电信号处理合集(三)
  • GitHub桌面版
  • 【广州华锐互动】昆虫3D虚拟动态展示:探索神奇的微观世界
  • 《QT从基础到进阶·三十六》QWidget实现收缩栏的效果
  • 运行软件报错找不到vcruntime140.dll无法继续执行代码怎么办-6个解决方法
  • 从Discord的做法中学习 — 使用Golang进行请求合并
  • 【教3妹学编程-算法题】统计和小于目标的下标对数目