当前位置:   article > 正文

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

div设置边框大小和颜色

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

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

  1. <body>
  2. <div>大家好,我是一名运维工程师</div>
  3. </body>

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

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

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

效果图:

 

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/空白诗007/article/detail/767446
推荐阅读
相关标签
  

闽ICP备14008679号