PROSAGA码农传奇-html/HTML5-悬停蓝线问题

悬停蓝线问题

作者: 逆转的风
发布时间: 2025-12-18 01:03:24 (3天前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    你想要的属性是'text-decoration'，它设置为锚元素的下划线而不是你的段落元素。请参阅以下代码段。
  </p>
  <P>
  </p>
  <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”>
    <div class =“snippet-code”>
       <pre class="snippet-code-css lang-css prettyprint-override">
        <code>
          p {
        font-size: 45px;
        border-radius: 10px;
        outline: 0;
    }
    p:hover {
        color: rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);
    }

a:hover {
      text-decoration: none;
}
        </code>
      </pre>
       <pre class="snippet-code-html lang-html prettyprint-override">
        <code>
          <div class="container painting-container">
    <div class="row">
        <div class="border-box col-xs-12 col-sm-12 col-md-6">
            <a href="#">
                <div class="box-image canvas-main">
                    <P>CANVAS</P>
                </div>
            </a>
        </div>
        <div class="border-box col-xs-12 col-sm-12 col-md-6">
            <a href="#">
                <div class="box-image wood-main">
                    <P>WOOD</P>
                </div>
            </a>
        </div>
    </div>
</div>
        </code>
      </pre>
    </DIV>
  </DIV>
  <P>
  </p>
</DIV>