用CSS 设置外边距

 2022-03-11    606  

在77ISP学技术

每日笔记,如何用css设置外边距。用css设置外边距,div外边距设置

用CSS 设置外边距

CSS 外边距设置margin 

此元素的外边距为 70px。

CSS 外边距

CSS margin 属性可以为任何元素,创建外部空间,制作外边距。

可以通过 CSS,来控制任何元素的外部距离,有些属性可以单独设置元素的单侧,即(上、右、下和左)的外边距。


Margin - 单独的边

CSS 拥有用于为元素的每一侧指定外边距的属性:

margin-top

margin-right

margin-bottom

margin-left

以下为所有外边距属性的值:


auto - 浏览器来计算外边距

length - 以 px、pt、cm 等单位指定外边距

% - 指定以包含元素宽度的百分比计的外边距

inherit - 指定应从父元素继承外边距

提示:允许负值。


实例

为 <p> 为元素的四个单边设置不同的外边距:

p {
  margin-top: 10px;
  margin-bottom: 30px;
  margin-right: 20px;
  margin-left: 80px;
}

以下为输出实例

77ISP


  •  标签:  
  • css
  •  

原文链接:https://77isp.com/post/360.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。