m0_74252196 2022-10-20 07:34 采纳率: 66.7%
浏览 24
已结题

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

img


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

  • 写回答

3条回答 默认 最新

  • 爱听老歌的程序员 2022-10-20 07:56
    关注
    
    .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 元素设置宽度方便文本居中

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    1人已打赏
查看更多回答(2条)
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 10月29日
  • 已采纳回答 10月21日
  • 创建了问题 10月20日
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部