試圖製作一個可點擊HTML和CSS的按鈕

我有這條漂亮的HTML和平行的CSS行，它給了我一個漂亮的按鈕。試圖製作一個可點擊HTML和CSS的按鈕

的HTML代碼

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

和相應的CSS是

#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;}

任何人都可以向我解釋，我怎麼能變成可點擊的鏈接，這將導致我的Twitter這一點，或github，或者我希望那個按鈕鏈接到哪個頁面。我約9天學習HTML和CSS，所以任何幫助非常感謝：D

***只是想說明我沒有完全理解如何實現在這個問題中使用的代碼也類似，我爲創建一個重複的問題而道歉。編碼非常新，希望得到特定的幫助，我做了。所以感謝大家=）****

來源

2015-11-05 Tammerg

你只需要添加一個onclick動作：在css.but

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

來源

2015-11-05 05:05:54 kojow7

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

您使用#id你尤斯.class..this HTML代碼創建problm.please刪除ID，並嘗試類..

嘗試thiss code..Thanks

來源

2015-11-05 05:10:08

修復它......非常感謝你！ – Tammerg

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

來源

2015-11-05 05:25:14

試圖製作一個可點擊HTML和CSS的按鈕

回答

相關問題