css 定义了a标签的大小 怎么移动a标签的文字向左移动10个像素

html-css09

css 定义了a标签的大小 怎么移动a标签的文字向左移动10个像素,第1张

有两种方法:a 是行内标签,不能设置高宽和外边距margin,但能使用内边距padding

如果你不固定大小 ,应用padding

需要用固定大小,把它变成行内块标签display: inline-block,这样后就可以设置高宽了,

移动10px也有两种:

这10px算a标签内,就用padding-left:10px

这10px不算在a标签内,就用margin-left: 10px注意:需设置成行内块元素才可以设置外边距,否则无效;

自己试试吧!!!

首先你得理解行内标签和块级标签的含义,

a标签是行内标签,设置宽高是无效的,

因为你要先把他转为块级标签

a {

    display:'block'

    width:85px

}

因为A是行内元素,不支持宽度的设定;

如果想A支持设置宽度,首先将其变成块元素,CSS文件修改如下:

a{

display:inlin-block/*设置为行内块*/

width:100px;/*设置a标签宽度为100px*/

}