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>*

我的问题是如何/在哪里输入后一代码块中上述代码块中使用的彩色文本（＆＃34; Guitars＆＃34;）。很抱歉，如果这是一个糟糕的问题，我对HTML很糟糕。提前致谢。

Answer 1

您希望按钮可用作超链接。为了让您完全控制按钮，您可以将按钮设置为图像文件，并将图像文件放在超链接中。

<a href="DPS_Guitarspg3.html">
  <img src="image-of-button.png">
</a>

或者，您可以使用像Bootstrap这样的前端库。

Answer 2

或者，您可以设置<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>

如何设置输入标签内的按钮的样式

2 个答案: