CSS - 背景

CSS背景 - 面向初学者和高级开发人员的CSS教程使用示例，通过简单而简单的步骤学习层叠样式表。 CSS2和CSS3属性的完整参考手册。

本章教您如何设置各种HTML元素的背景.您可以设置元素的以下背景属性 :

设置背景颜色

以下是演示如何设置元素背景颜色的示例.

 < html> < head>  < body> < p > 此文本为黄色背景色.

我们可以通过调用本地存储的图像来设置背景图像，如下所示:

                        Hello World!

以下示例演示了如果图像很小，如何重复背景图像。如果您不想重复图像，则可以对background-repeat属性使用无重复值，在这种情况下，图像只显示一次。

默认情况下，background-repeat属性将具有重复值。

Tutorials point

以下示例演示如何垂直重复背景图像。

Tutorials point

以下示例演示如何水平重复背景图像。

Tutorials point

以下示例演示如何将背景图像位置设置为距离左侧100像素。

Tutorials point

以下示例演示如何将背景图像位置设置为距离左侧100像素，距离顶部200像素。

Tutorials point

背景附件确定背景图像是固定的还是与页面的其余部分一起滚动。

以下示例演示如何设置固定背景图像。

The background-image is fixed. Try to scroll down the page.

以下示例演示如何设置滚动背景图像。

The background-image is fixed. Try to scroll down the page.

您可以使用 background 属性可一次设置所有背景属性.例如 :

   This parapgraph has fixed repeated background image.