溫馨提示×

margin right屬性怎么用

小億
126
2023-12-19 09:21:48
欄目: 編程語言

margin-right屬性用于設(shè)置元素的右外邊距，即元素與其相鄰元素之間的空白間隔。

語法：

margin-right: value;

value可以是以下幾種類型之一：

  • 像素值（px）：表示固定的像素值，如margin-right: 20px;
  • 百分比（%）：表示相對于父元素寬度的百分比值，如margin-right: 50%;
  • em：表示相對于當(dāng)前元素的字體大小的倍數(shù)，如margin-right: 2em;
  • 自動(dòng)（auto）：瀏覽器會(huì)根據(jù)上下文自動(dòng)計(jì)算右外邊距的值，如margin-right: auto;

示例：

<style>
  .box {
    width: 200px;
    height: 200px;
    background-color: red;
    margin-right: 20px;
  }
</style>

<div class="box"></div>

以上代碼會(huì)在一個(gè)紅色的正方形盒子的右側(cè)留出20像素的空白間隔。

0 踩