html - 如何在输入标签内设置按钮样式

Question

嘿，我想在这里更改这行(有效的)代码:

     *<a href="DPS_Guitarspg3.html">        
        <button style="background-color:rgb(0,0,5)"; type="button"> <p style="color:rgb(111,0,100);">  Guitars</p></button> </a>*

在此处将这种格式(使用类)转换为等效语句:

*<a href="DPS_Guitarspg3.html">
<input type="button" class="inline" id="redirectButtons">
</a>*

我的问题是如何/在何处输入上述代码块中使用的彩色文本(“Guitars”)。对不起，如果这是一个糟糕的问题，我对 HTML 很糟糕。提前致谢。

Answer 1

或者，您可以设置 <a> 的样式标签看起来/像一个按钮。只需使用 :hover和 :active , 像这样

.aBtn{
  padding:5px 10px;
  text-decoration:none;
  color:rgb(111,0,100);
  background-color:rgb(0,0,5);border:1px solid transparent;
}
.aBtn:hover {color:white;}
.aBtn:active{border:1px solid orange;}

<a class="aBtn" href="DPS_Guitarspg3.html">Guitars</a>