CSS padding 基本用法示例

<html>
  <head>
    <meta charset="utf-8">
    <title>CSS padding 基本用法示例</title>
    <style>
      .box {
        border: 2px solid #333;
        background-color: #f0f0f0;
        margin: 10px;
        display: inline-block;
        vertical-align: top;
      }
      
      .box1 {
        padding: 10px; /* 四个方向都是 10px */
      }
      
      .box2 {
        padding: 10px 20px; /* 上下 10px，左右 20px */
      }
      
      .box3 {
        padding: 10px 20px 30px; /* 上 10px，左右 20px，下 30px */
      }