CSS Backgrounds(背景) | 菜鸟教程

CSS 背景属性用于限界HTML元素的背景。

CSS 属性限界dafa888下载:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

背风光

background-color 属性限界元素的背风光。

页的背风光在话题选举人中应用。

包围

body {background-color:#b0c4de;}

尝试一下 »

CSS底层,色值通常以以下方法限界

  • 巫婆 – 如:”#ff0000″
  • RGB – 如:”rgb(255,0,0)”
  • 色明确 – 如:”red”

在上面的窥测中, h1, p, 和 div 元素具有特色的背风光。

包围

h1 {background-color:#6495ed;}
p {background-color:#e0ffff;}
div {background-color:#b0c4de;}

尝试一下 »


背景图像

background-image 属性描绘元素的背景图像。

默许限制下,背景图像被反复拼接和显示。,涂盖层整个地元素存在。

页背景图像设置示例

包围

body {背景图像:URL(′)

尝试一下 »

这是任何人倒转术和背景图像结成不受欢迎的人的窥测。。倒转术易读差

包围

body {背景图像:URL(′)

尝试一下 »


背景图像 – 程度或铅直贴砖

默许限制下 background-image 属性将在页中程度或铅直用瓷砖、瓷砖等覆盖。。

非常图像程度和铅直积蓄。,这样子很不经过双方协议来计划或安排。,如次所示: 

包围

body
{
背景图像:URL(′)
}

尝试一下 »

是否图像纯粹程度用瓷砖、瓷砖等覆盖 (repeat-x), 页背景会胜过。

包围

body
{
背景图像:URL(′)
background-repeat:repeat-x;
}

尝试一下 »


背景图像- 设置外景和瓷砖

Remark 让背景图像不使发生倒转术化妆。

是否你无意把图片贴成用瓷砖、瓷砖等覆盖,你可以用它。 background-repeat 属性:

包围

body
{
背景图像:URL(′)
background-repeat:no-repeat;
}

尝试一下 »

不只是包围,背景图像显示在与倒转术使相等的外景。,为了使页规划更有理,读而不使发生倒转术,我们的可以使变换图像的外景。。

可以使用 background-position 属性使变换图像在背景正中鹄的外景。

包围

body
{
背景图像:URL(′)
background-repeat:no-repeat;
背景外景:右 top;
}

尝试一下 »


背景- 略号属性

在不只是包围我们的可以领会页的背风光经过了很多的属性来把持。

为了使单纯这些属性的法典,我们的可以将这些属性合到使相等的属性中。

背风光的略号属性为 “background”:

包围

body {background:#ffffff URL(′) no-repeat right top;}

尝试一下 »

当应用略号属性时,属性值的挨次为::

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

一切属性不用整个应用。,你可以范围页的实践必要应用它。

这样窥测应用了后面绍介的CSS。,你可以检查类似的窥测。

CSS 包围


什么设置集中:稳定地集中或指向:背景图像
本例演示什么设置集中:稳定地集中或指向:背景图像。图像不能的与页的其余者教派一齐骨碌。。


CSS 背景属性

Leave a Comment

(0 Comments)

电子邮件地址不会被公开。 必填项已用*标注