You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除GitHub Profile README中Markdown自动生成的多余水平线

解决GitHub个人主页README自动出现多余水平线的问题

问题原因

你看到的水平线并非来自你的代码,而是GitHub对<h1>标签的默认CSS样式——GitHub会给页面中的一级标题自动添加底部边框,视觉上就像一条水平线。

可行的解决办法

  • 修改HTML <h1>标签,添加内联样式覆盖默认边框
    将原代码的<h1>标签修改为:

    <h1 align="center" style="border-bottom: 0;">Hi,👋🏻 I'm Anuj</h1>
    

    或者更明确的写法:

    <h1 align="center" style="border-bottom: none;">Hi,👋🏻 I'm Anuj</h1>
    
  • 改用Markdown标题+内联样式
    如果偏好Markdown原生语法,可以用一级标题配合<span>标签去掉边框:

    # <span style="border-bottom: none;">Hi,👋🏻 I'm Anuj</span>
    
  • 用容器包裹标题
    将标题放入<div>容器中,也能规避默认的标题边框样式:

    <div align="center">
      <h1 style="border-bottom: none;">Hi,👋🏻 I'm Anuj</h1>
    </div>
    

内容的提问来源于stack exchange,提问作者ImAnujGupta

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 19:06:23