HTML是用于展示網頁內容的標記語言。在HTML中,我們經常需要使用導航按鈕來幫助用戶瀏覽網頁內容。CSS是用于控制HTML樣式和布局的語言。在CSS中,我們可以使用樣式來設置按鈕導航的樣式。
在HTML中,我們可以使用button標簽來創建按鈕導航。例如:
<button>首頁</button> <button>產品</button> <button>服務</button> <button>關于我們</button>
然而,這些按鈕看起來相當簡陋。使用CSS,我們可以使它們更加美觀和易于使用。
我們可以使用以下代碼來設置按鈕導航的樣式:
button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 20px; }
這個CSS代碼塊將會為所有按鈕設置同樣的樣式。它將會為按鈕設置綠色背景色,白色前景色,圓角邊框和內外邊距。
使用CSS可以讓我們非常方便地設置按鈕導航。我們可以調整按鈕的顏色,大小,邊框和其他樣式屬性,以滿足我們的需求。這樣,我們可以為用戶提供更好的瀏覽體驗。