网页背景图像

首页 > HTML实例讲解 > 网页背景图像

设置网页背景图像

<body> 标签里指定 background 属性。

<body background="back.gif">

或者使用 CSS 里的 background-image

<style type="text/css">
<!--
body { background-image: url(back.gif); }
-->
</style>

固定网页背景图像

要在网页滚动时使背景图像不跟着滚动,可以在 <body> 标签里指定 bgproperties="fixed" 属性。

<body background="back.gif" bgproperties="fixed">

使背景图像只横向或只纵向排列

背景图像通常在横向和纵向上重复排列,想让背景图像只在横向或只在纵向上排列的话,可以使用 CSS 里的 background-repeat。设定为 repeat-y 时为纵向排列,设定为 repeat-x 时为横向排列。

<style type="text/css">
<!--
body {
  background-image: url(back.gif);
  background-repeat: repeat-y;
}
-->
</style>

使背景图像只显示一次

想让背景图像只显示一次,而不是重复显示的话,可以使用 CSS 的 background-repeat。另外可以使用 background-position 指定图像的位置。

<style type="text/css">
<!--
body {
  background-image: url(back.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
-->
</style>