div居中代码展示

最新推荐文章于 2025-10-09 05:02:10 发布

原创最新推荐文章于 2025-10-09 05:02:10 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#div #h5 #stylesheet #margin #background

html/css 专栏收录该内容

5 篇文章

订阅专栏

本文展示了一个简单的H5页面，通过内联样式定义了一个居中显示的橙色方块，并在其中添加了文本内容。此示例有助于理解基本的HTML5结构及CSS布局。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>

    <style  rel="stylesheet" type="text/css">
        div{
            margin: 0 auto;
            background-color: #eb974e;
            width: 300px;
            height: 300px;
        }
    </style>

    <body>
        <div>
            <p>this is a h5 page</p>
        </div>
    </body>
</html>