CSS设置有链接文间距的距离

html-css015

CSS设置有链接文间距的距离,第1张

设置文字间距可以使用 CSS letter-spacing 属性

定义和用法

letter-spacing 属性增加或减少字符间的空白(字符间距)。

该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。

注释:允许使用负值,这会让字母之间挤得更紧。

可能的值

实例

/*设置所有a元素的字符间距为十像素*/

a{letter-spacing:10px}

<style>

span a{

display:inline

padding:20px

}

span{

border-right: lightgray solid 1px

}

</style>

然后把超链接放入各自的span,最后一个span再设置下style="border:none"

加一个下拉菜单

把全部内容加到一个div里居中

我也才学,看能不能帮到你

嗯,这个只要参照下面的写法就ok了。

a{

text-decoration:none

border-bottom:1px solid #ccc/* #ccc换成链接的颜色 */

display: inline-block

padding-bottom:10px /*这里设置你要空的距离*/

}