CSS 基础学习-058 使用margin简写属性设置外边距

hrs 提交于 2021/09/22 - 21:26 , 周三

margin简写属性设置

margin: 20px 50px 20px 30px

上外边距为20px

右外边距为50px

下外边距为20px

左外边距为30px

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      div{
        border:1px solid black;
        margin: 20px 50px 20px 30px;
        background-color:lightblue;
    
    
      }   
    </style>

  <head>
  <body>
    <h1>使用margin 简写属性设置外边距</h1>
    <div>这个div元素的上外边距为20像素,右外边距是50像素,下外边距是20像素,左外边>距是30像素。</div>
  </body>
</html>

运行效果:

css-058.png

 

标签