首页 前端知识 HTML如何给div容器设置大小,边框,背景颜色,位置

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

2024-03-07 08:03:06 前端知识 前端哥 170 751 我要收藏

本次实验是在 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,左右居中
        }

效果图:

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3361.html
标签
servlet
评论
会员中心 联系我 留言建议 回顶部
复制成功!