尝试使用HTML和CSS使按钮可单击

我有一行漂亮的HTML和相等的CSS，它们给了我一个漂亮的按钮

HTML代码是

<button class="button"> <i class="fa fa-twitter"></i></button>

有人能告诉我如何把它变成一个可点击的链接，这将导致我的twitter，github，或者任何我想链接的页面。我学习HTML和CSS大约9天了，所以非常感谢您的帮助：D

---

***我只是想声明，我没有完全理解如何实现问题中使用的代码，这一个也很类似，我为创建一个重复的问题而道歉。非常新的编码，并希望得到指定的帮助，我做到了。因此，谢谢大家=）***

您只需要添加一个onclick操作：

<button class="button" onclick='location.href="http://twitter.com"'>
    <i class="fa fa-twitter"></i>
</button>

按钮{
字体大小：44px；
颜色：rgb（255、255、255）；
背景：rgb（0,0,0）无重复滚动0%0%；
宽度：64px；
高度：58px；
边界半径：13px；
边框样式：无；
} 

您正在css中使用

#id

。但是您的html代码正在使用.class..这将创建一个问题。请删除id并尝试使用class

请尝试此代码。谢谢

---

修复了它…非常感谢！！

<button class="button" onclick='location.href="http://twitter.com"'>
    <i class="fa fa-twitter"></i>
</button>

.button { 
font-size: 44px; 
color: rgb(255, 255, 255); 
background: rgb(0, 0, 0) none repeat scroll 0% 0%; 
width: 64px; 
height: 58px; 
border-radius: 13px; 
border-style: none;
} 

<button class="button" onclick='location.href=""'>
    <i class="fa fa-twitter"></i>
</button>