本次实验是在 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.toymoban.com/news/detail-550228.html
文章来源地址https://www.toymoban.com/news/detail-550228.html
到了这里，关于HTML如何给div容器设置大小，边框，背景颜色，位置的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
