html/css里的a标签之间如何设置间距？

Question

如题所述

Answer 1

使用margin属性。

示例代码：

HTML部分：

<div>

<a href="#">销售开单</a>

<a href="#">商品库存</a>

</div>

css部分：

*{

margin: 0;

padding: 0;

}

a{

display: inline-block;

padding: 20px;

background-color: blue;

color: #fff;

font-size: 20px;

float: left;

margin-right:20px; 

}

a,a:hover,a:active{

text-decoration: none;

}

扩展资料：

代码解析：

*代表所有的元素。

a标签本身是行内元素，没有宽高属性。给padding属性设置值，把a标签内部撑起来。

margin：设置所有外边距属性。该属性可以有 1 到 4 个值。

说明：

这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

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

注释：允许使用负值。

margin-right表示右边距。