HTML学习笔记之--HTML主体的常用设置

最新推荐文章于 2025-03-02 21:12:06 发布

J9403

最新推荐文章于 2025-03-02 21:12:06 发布

阅读量384

点赞数

CC 4.0 BY-SA版权

文章标签： HTML

本文链接：https://blog.youkuaiyun.com/J9403/article/details/50180115

本文介绍如何使用HTML设置网页背景色及背景图片，并演示了不同属性的应用，如bgcolor和background，还包括了如何设置背景图片的位置及重复方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主体，及HTML结构中的<body><body/>部分，这部分内容直接显示在页面中

设置网页的背景色

通过bgcolor属性可设置网页的整体背景色

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主题背景设置</title>
</head>
<body bgcolor="blue">

</body>
</html>

    代码中的页面背景色采用的blue（#0000ff）蓝色，可根据需要调整。（本人使用IntelliJ IDEA 14.1.5，直接可以选择颜色，也可输入颜色的英文或RGB值或16进制表示）。

设置网页的背景图片

通过background属性可以设置背景图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主体背景图片设置</title>
</head>
<body background="test.bmp">

</body>
</html>

    背景图片路径采用相对文档路径，test.bmp位于该html文件同一级目录下，默认情况为水平方向和垂直方向重复。

    如果要对背景图片有更多的设置，可以使用style属性：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主体背景图片位置设置</title>
</head>
<body style="background: url(test.bmp) center no-repeat;">

</body>
</html>
    no-repeat代表不产生任何重复。

页面的整体边距

利用topmargin和leftmargin设置顶边距和左边距。

上述<body>的属性建议用样式取代

HTML学习笔记之--HTML主体的常用设置

设置网页的背景色

设置网页的背景图片

页面的整体边距