HTML如何给div容器设置大小，边框，背景颜色，位置

最新推荐文章于 2024-01-09 09:39:01 发布

眼眶微红.

最新推荐文章于 2024-01-09 09:39:01 发布

阅读量1.7w

点赞数 18

分类专栏： HTML5 文章标签： servlet 前端 javascript html css

本文链接：https://blog.csdn.net/weixin_60252605/article/details/126835623

版权

HTML5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本次实验是在 Visual Studio Code软件里面所写

在<body>正文标签里面添加div容器，随便写几个字

<body>
    <div>大家好，我是一名运维工程师</div>
</body>

在<head>头部标签里面添加<style>样式标签

在style标签里面给div添加样式：

        div{
            width: 150px;    //div宽为150像素
            height: 150px;   //div高为150像素
            border: 2px solid blue;    //div设置边框，边框粗度为2px，实线，颜色为蓝色
            background-color: green;    //div背景颜色为绿色
            margin: 66px auto;     //以浏览器左上角为原点，向下移动66px，左右居中
        }

效果图：