在HTML當中,我們可以用一些代碼給我們的登錄按鈕添加圖標來增加頁面的美觀度。通常情況下,我們可以用一些CSS樣式來實現這個效果,但實際上,我們也可以直接在HTML代碼當中加入相應的圖標。
<button type="submit"> <i class="fa fa-sign-in"></i> Login </button>
在這段代碼當中,我們使用了一個button標簽來創建登錄按鈕,并使用了一個i標簽來添加圖標。其中,類屬性中包含了我們想要的圖標樣式,這里使用的是FontAwesome庫當中的sign-in圖標。
如果我們想更改圖標的大小或者顏色,可以通過CSS樣式來實現,比如:
.fa { font-size: 1.5rem; color: #007bff; }
通過這樣的CSS樣式,我們就可以將所有具有.fa類的圖標大小調整為1.5rem,并將顏色修改為藍色。當然,這種方式也需要引入FontAwesome庫的相關文件,否則圖標將無法正常顯示。