博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css之background属性
阅读量:4663 次
发布时间:2019-06-09

本文共 1194 字,大约阅读时间需要 3 分钟。

background 简写属性在一个声明中设置所有的背景属性。

可以按顺序设置如下属性:

  • background-color      背景颜色
  • background-image      背景图片
  • background-repeat     如何重复背景图片
  • background-attachment      背景图片是否固定或者随着页面的其余部分滚动
  • background-position           规定背景图像的位置

如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

默认值: not specified
继承性: no
版本: CSS1
JavaScript 语法: object.style.background="white url(paper.gif) repeat-y"

 

background-repeat的取值范围:

repeat 默认。背景图像将在垂直方向和水平方向重复。
repeat-x 背景图像将在水平方向重复。
repeat-y 背景图像将在垂直方向重复。
no-repeat 背景图像将仅显示一次。
inherit 规定应该从父元素继承 background-repeat 属性的设置。(ie不支持)

background-attachment的取值范围:

scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时,背景图像不会移动。
inherit

规定应该从父元素继承 background-attachment 属性的设置。(ie不支持)

background-position的取值范围:

  • top left
  • top center
  • top right
  • center left
  • center center
  • center right
  • bottom left
  • bottom center
  • bottom right

如果您仅规定了一个关键词,那么第二个值将是"center"。

默认值:0% 0%。

x% y%

第一个值是水平位置,第二个值是垂直位置。

左上角是 0% 0%。右下角是 100% 100%。

如果您仅规定了一个值,另一个值将是 50%。

xpos ypos

第一个值是水平位置,第二个值是垂直位置。

左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。

如果您仅规定了一个值,另一个值将是50%。

您可以混合使用 % 和 position 值。

 

转载于:https://www.cnblogs.com/zzwlovegfj/archive/2012/08/01/2618105.html

你可能感兴趣的文章
Check a dll is x64 or x86
查看>>
UWP 自定义控件:了解模板化控件 系列文章
查看>>
从源码看集合ArrayList
查看>>
mybatis配置多数据源(利用spring的AbstractRoutingDataSource)
查看>>
文章点击量排行TOP100-IBM power8算法挑战赛第三期
查看>>
前端常见问题
查看>>
熟悉常用的HDFS操作
查看>>
面向对象和面向过程的比较
查看>>
数据结构 树的建立与遍历
查看>>
[置顶] java swing的树操作(增删改)
查看>>
jetty对sessionId的处理分析
查看>>
代理的四种实现方式
查看>>
12-29 注册审核
查看>>
计算一个算数表达式的值
查看>>
hdu squarefree number
查看>>
atc-前端模板预编译器
查看>>
SDF(Signed-distance-field: 有向距离场)(7): 距离场函数-基于CUBE计算方式产生的若干变体A...
查看>>
poj 3468 A Simple Problem with Integers 线段树区间加,区间查询和
查看>>
Codeforces Round #194 (Div. 1) A. Secrets 数学
查看>>
看不懂 ASP.NET 相册上传代码
查看>>