个人随笔
技术改变世界

CSS设置背景图片

示例背景图片

css-bg

使用CSS设置图片为背景

为了丰富网页的视觉效果,我们通常需要在网页的背景进行设置颜色或图片。使用如下CSS代码即可实现背景填充图片:

<style type="text/css">
body {background-image:url(这里填写你的图片地址);}
</style>

下面是示例代码,使用本文中的图片进行填充背景:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS设置背景图片</title>
<style type="text/css">
body {background-image:url(http://www.wxzzz.com/wp-content/uploads/2014/05/css-bg.gif);}
</style>
</head>

<body>
<span>这是内容</span>
</body>
</html>

以上代码运行效果,如下图所示:
css-bg-demo

转载请注明出处王旭博客 » CSS设置背景图片

分享到:更多 ()

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #2

    Supongo que alguien habrá inventado un premio al mejor blogger del año. Un reconocimiento al estilo "Player of the ye&;rquot&.a#161;Mi voto iría por ti! (que ñoño me ha quedado)

    Trixie1个月前 (05-16)回复
  2. #1

    换程序是最不应该的,百度的考察期又要来了

    吴晓阳3年前 (2014-05-12)回复
    • ………..

      大谋3年前 (2014-05-12)回复
    • 前期致力于优化,前期不要太在意流量。这才刚开始,作为个人运营,精力有限。做好稳扎的基础 后面就轻松了,不要到时候再来重做基础 就糟糕了。O(∩_∩)O

      紫寒3年前 (2014-05-13)回复