让页面背景图片不平铺重复的方法

最新推荐文章于 2021-06-18 03:03:58 发布

原创最新推荐文章于 2021-06-18 03:03:58 发布 · 2.8k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#css

收录于

技术文章专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何通过HTML的<body>标签和CSS来设置网页背景图片的位置及重复方式。具体步骤包括在<body>标签中指定背景图片路径，并通过CSS进一步调整其显示效果。

利用<body>和CSS来完成。
首先：在<body>中加上背景图片 <body background=bg.gif>
第二步：加.bodybg的CSS，CSS内容为：

.bodybg {
BACKGROUND-POSITION: 50% top; BACKGROUND-REPEAT: repeat-x
}

最后：在<body>上加CSS就可以了，例如：<body background=bg.gif css=bodybg>