全栈博客园 全栈博客园全栈博客园

html设置背景图, 背景图示例

在HTML中设置背景图有多种办法,以下是几种常见的方法:

1. 运用CSS的`backgroundimage`特点:```htmlbody { backgroundimage: url; backgroundrepeat: norepeat; backgroundattachment: fixed; backgroundsize: cover;}

我的背景图这是一个有背景图的网页。

```在这个比如中,`backgroundimage` 特点设置了背景图片,`backgroundrepeat` 特点设置了图片不重复,`backgroundattachment` 特点设置了背景图固定,`backgroundsize` 特点设置了背景图掩盖整个屏幕。

2. 运用CSS的`background`简写特点:```htmlbody { background: url norepeat fixed center; backgroundsize: cover;}

我的背景图这是一个有背景图的网页。

```这个比如中,`background` 特点是 `backgroundimage`、`backgroundrepeat`、`backgroundattachment` 和 `backgroundposition` 的简写方式,而且还添加了 `backgroundsize` 特点。

我的背景图这是一个有背景图的网页。

请注意,在运用背景图时,应保证图片的版权和运用权,防止侵权问题。一起,背景图的巨细和加载时刻也会影响网页的功能,因而应挑选恰当巨细和质量的图片。

HTML设置背景图详解

```html

背景图示例

未经允许不得转载:全栈博客园 » html设置背景图, 背景图示例