当前位置:

bootstrap-5.3.0 里面A标签去掉下划线有几种办法

访客 2024-04-23 1073 0

Bootstrap5.3.0中去除链接下划线的方法有以下几种

1:使用CSS的text-decoration属性将下划线删除

如下所示:

  • a{
  • text-decoration:none;
  • }
  • 2:在HTML中使用Bootstrap提供的类名.text-decoration-none,该类可用于所有元素(不仅限于a标签),以便去除任何文本装饰

    如下所示:

    <ahref="https://blog.csdn.net/hehe1954/article/details/129777678"class="text-decoration-none">Linkwithoutunderline</a>

    3:在HTML中使用Bootstrap提供的类名.link-primary或.link-secondary,这些类提供了带颜色的非下划线链接样式

    如下所示:

  • <ahref="https://blog.csdn.net/hehe1954/article/details/129777678"class="link-primary">Primarylink</a>
  • <ahref="https://blog.csdn.net/hehe1954/article/details/129777678"class="link-secondary">Secondarylink</a>
  • 发表评论

    • 评论列表
    还没有人评论,快来抢沙发吧~