margin在html中什么意思

html-css010

margin在html中什么意思,第1张

margin 是 CSS 语法,这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度,或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

“margin”的语法结构:

(1)margin:5px auto 意思上下为5,左右平均居中

(2)margin-top: 20px 上外边距

(3)margin-right: 30px 右外边距

(4)margin-bottom: 30px 下外边距

(5)margin-left: 20px 左外边距

(6)margin:1px 四边统一边距

(7)margin:1px 1px 上下边距,左右边距

(8)margin:1px 1px 1px 上,左右,下边距

(9)margin:1px 1px 1px 1px 上,右,下,左边距

注释:允许使用负值。

以上内容参考:百度百科-margin

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。

2、在index.html中的<a>标签中,输入样式代码:style="margin-left: 30px"。

3、浏览器运行index.html页面,此时成功在a标签设定了左边30px的margin属性。