温馨提示×

margin right属性怎么用

小亿
103
2023-12-19 09:21:48
栏目: 编程语言

margin-right属性用于设置元素的右外边距,即元素与其相邻元素之间的空白间隔。

语法:

margin-right: value;

value可以是以下几种类型之一:

  • 像素值(px):表示固定的像素值,如margin-right: 20px;
  • 百分比(%):表示相对于父元素宽度的百分比值,如margin-right: 50%;
  • em:表示相对于当前元素的字体大小的倍数,如margin-right: 2em;
  • 自动(auto):浏览器会根据上下文自动计算右外边距的值,如margin-right: auto;

示例:

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

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

以上代码会在一个红色的正方形盒子的右侧留出20像素的空白间隔。

0