2016-04-13 28 views
0

嘿我试着去改变这个(工作)的代码在这里行:这里如何风格的输入标签内的按钮

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

成等价的语句W该种格式(使用类):

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

我的问题是如何/在哪里键入上述代码块中的代码块中使用的彩色文本(“吉他”)。对不起,如果这是一个不好的问题,我很难与HTML。提前致谢。

+0

对于初学者来说,段落不能按钮的孩子。 – j08691

+0

我认为你正在寻找** value **属性;例如:'' –

+0

如何仅使用锚标签然后创建类看起来像一个按钮。 – claudios

回答

0

或者,您可以将<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>

+0

娅完美的作品;谢谢您的帮助 – FIDGET

0

你想要一个按钮作为超链接。为了让您对按钮有完整的样式控制,您可以将按钮设置为图像文件并将图像文件放入超链接中。

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

或者,您可以使用Bootstrap等前端库。