Question

所以我把div作为一个带文字的盒子。当我把它放入＆lt; a href =＆＃34;＃＆＃34; ＆GT; tag它看起来像这样：

https://i.gyazo.com/8103b9cc1968842e88afa4c4971b64ea.png

我的问题是，我无法移除文字下的行。

我的代码：

HTML：

<div class="sommersalg">

    <div id="prosent">
        50%-75%
    </div>

    <p>SOMMERSALG</p>

    <a href="produkter.html">
        <div id="handle">
            HANDLE NÅ
        </div>
    </a>

</div>

CSS

.sommersalg a #handle {

    margin: auto;
    border-radius: 7.5px;
    position: relative;
    top: -290px;
    color: #586e72;
    background-color: white;
    font-size: 15px;
    width: 250px;
    padding: 15px;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    box-shadow: 0px 2px 5px #3686a3;
    text-decoration: none;
}

.sommersalg #handle:hover {
    top: -289.25px;
    box-shadow: 0px 0px 0px #3686a3;
    text-decoration: none;
}

Answer 1

您必须将<a>代码设置为text-decoration: none;。不是里面的div。

＆＃13;

.sommersalg a #handle {

    margin: auto;
    border-radius: 7.5px;
    position: relative;
    top: -290px;
    color: #586e72;
    background-color: white;
    font-size: 15px;
    width: 250px;
    padding: 15px;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    box-shadow: 0px 2px 5px #3686a3;
    text-decoration: none;
}

.sommersalg #handle:hover {
    top: -289.25px;
    box-shadow: 0px 0px 0px #3686a3;
    text-decoration: none;
}

.sommersalg a {
  text-decoration: none;
 }

＆＃13;

<div class="sommersalg">

    <div id="prosent">
        50%-75%
    </div>

    <p>SOMMERSALG</p>

    <a href="produkter.html">
        <div id="handle">
            HANDLE NÅ
        </div>
    </a>

</div>

＆＃13;

Answer 2

首先将文本放在p标签内，然后在CSS文件中使用此代码：

#handle > p { text-decoration:none;}

而不是p标签你也可以使用span，那么你的css应该是：

#handle > span {text-decoration:none;}

请注意，p本质上是被阻挡的（意味着它需要整个宽度）但是跨度不是，它只需要宽度所需的一切！

Answer 3

问题在于元素内部的div元素，如here所述。你添加了一个html doctype吗？

＆＃34; text-decoration：none;＆＃34;好吧.sommersalg a。您无需添加：hover部分。

链接div时删除文本修饰

3 个答案: