Html 删除URL'中的下划线；s[文本装饰：无；不起作用]

我想删除下划线。我已经把

文字装饰：无。但是它不起作用。这是一本书

HTML

设置

在你的风格之前。下划线是从那里来的。
您需要在
a
元素上设置
文本装饰：none
，而不是其中的
div

此外，将块级元素（如
divs
）放在内联元素（如
archors
）的内部不是一个好的做法。您只需将所有的
#signup_按钮
样式直接应用于
a
，并去掉
div
文本装饰
属于“a”标记，但也可以去掉div

如果在a上设置“显示：块”，则具有相同的效果

<a href="./index.php?sign_in=1" class="signup_button">Sign up</a>


.signup\u按钮{
位置：相对位置；
最大宽度：206px；
最小高度：20px；
最大高度：40px；
保证金：自动；
边缘顶部：10px；
填充：10px 10px 10px 10px；
背景色：#0096cc；
文本对齐：居中；
颜色：#fff；
字体：35px/1“影响”；
显示：块；
}
a{
文字装饰：无；
}


不应在标记内放置DIV。我做了一些改变，这将使它工作

HTML

您需要将
文本装饰：无
应用于标签。请参阅此演示。是的，它是正确的，但不是完整的故事。无需将链接包装在div中，或将div包装在链接中（不是正确的html）来设置其样式根本不需要div
#signup_button {
    position: relative;
    max-width: 206px;
    min-height: 20px;
    max-height: 40px;
    margin: auto;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    background-color: #0096cc;
    text-align: center;
    color:#fff;
    font: 35px/1 "Impact";
    text-decoration: none;
}

a {
    text-decoration:none;
}

<a href="./index.php?sign_in=1" class="signup_button">Sign up</a>

<a href="./index.php?sign_in=1">
  <div class="signup_button">
    Sign up
  </div>
</a>

.signup_button {
  position: relative;
  max-width: 206px;
  min-height: 20px;
  max-height: 40px;
  margin: auto;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  background-color: #0096cc;
  text-align: center;
  color:#fff;
  font: 35px/1 "Impact";
  display:block;
}
a {
  text-decoration: none;
}

<div id="signup_button_container">
  <a id="signup_button" href="./index.php?sign_in=1">
    Sign up
  </a>
</div>

#signup_button_container {
  text-align: center;
}

#signup_button {
    position: relative;
    display: inline-block;
    max-width: 206px;
    min-height: 20px;
    max-height: 40px;
    margin: auto;
    margin-top: 10px;
    padding: 10px 30px;
    background-color: #0096cc;
    color:#fff;
    font: 35px/1 "Impact";
    text-decoration: none;
}