为什么我给空链接(全部课程)加的边框会跑到上面去啊

img


如图,我本来是给(全部课程)这个空链接(类名为more)加的蓝色边框但为何边框上移,但是在类名里的其他属性都起效果了(除了边框和字体加粗)


.bd ul {
  float: left;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}

 .bd .more {
  float: left;
  width: 100%;
  display: block;
  height: 38px;
  border: 2px solid #00a4ff;
  text-align: center;
  line-height: 38px;
  color: #00a4ff;
  font-size: 25px;
}

你的 UL 元素设置了 float 属性,A 元素却没有,所以 border 样式会上移

方法一:去掉 UL 元素的 float 属性
方法二:给 A 元素加上 float 属性,并最好给 A 元素设置宽度方便文本居中

为什么用 a标签。应该在ui>li 加边框

你给的代码 分析不出来 原因 太少了。 你可以审查元素看看哪个 样式影响的