CSS margin 屬性

例子 1
margin:10px 5px 15px 20px;

• 上外邊距是 10px
• 右外邊距是 5px
• 下外邊距是 15px
• 左外邊距是 20px

例子 2
margin:10px 5px 15px;

• 上外邊距是 10px
• 右外邊距和左外邊距是 5px
• 下外邊距是 15px

例子 3
margin:10px 5px;

• 上外邊距和下外邊距是 10px
• 右外邊距和左外邊距是 5px

例子 4
margin:10px;

• 所有 4 個外邊距都是 10px

margin-left: 0;

margin-bottom: -32px;

float

float: right;

可能的值

CSS3 border-radius 屬性

向 div 元素新增圓角邊框：

div
{
border:2px solid;
border-radius:25px;
}

border-radius:2em;
border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;

樣式優先順序

.backgroup{
    background: rgb(241, 248, 252) !important;
}

CSS padding 屬性

設定元素的 4 個內邊距：

p{padding:2cm 4cm 3cm 4cm;
}

單邊內邊距屬性

也通過使用下面四個單獨的屬性，分別設定上、右、下、左內邊距：

• padding-top
• padding-right
• padding-bottom
• padding-left

h1 {
  padding-top: 10px;
  padding-right: 0.25em;
  padding-bottom: 2ex;
  padding-left: 20%;
  }

例子 1
padding:10px 5px 15px 20px;

• 上內邊距是 10px
• 右內邊距是 5px
• 下內邊距是 15px
• 左內邊距是 20px

例子 2
padding:10px 5px 15px;

• 上內邊距是 10px
• 右內邊距和左內邊距是 5px
• 下內邊距是 15px

例子 3
padding:10px 5px;

• 上內邊距和下內邊距是 10px
• 右內邊距和左內邊距是 5px

例子 4
padding:10px;

• 所有 4 個內邊距都是 10px