CSS 基础学习-057 使用单独的外边距属性

hrs 提交于 2021/09/22 - 21:20 , 周三
  • margin-top   设置上外边距
  • margin-right   设置右外边距
  • margin-bottom    设置下外边距
  • margin-left    设置下外边距

实例代码:

<html>
  <head>
    <meta charset="utf-8">
    <style>
      div{
        border:1px solid black;
        margin-top:100px;
        margin-bottom:100px;
        margin-left:80px;
        margin-right:150px;
        background-color:lightblue;
    
    
      }   
    </style>

  <head>
  <body>
    <h1>使用单独的外边距属性</h1>
    <div>这个div元素的上外边距为100像素,右外边距是150像素,下外边距是100像素,左外边距是80像素。</div>
  </body>
</html>

运行效果:

css-057.png

标签