CSS怎么寫兩個超鏈接按鈕
在CSS中,我們可以使用樣式來創(chuàng)建兩個超鏈接按鈕,以下是一個簡單的示例,展示了如何定義兩個超鏈接按鈕的樣式:
/* 定義按鈕樣式 */ .button { display: inline-block; padding: 10px 20px; border: none; border-radius: 5px; text-align: center; text-decoration: none; font-size: 16px; color: #ffffff; background-color: #4CAF50; cursor: pointer; } /* 定義第二個按鈕的樣式,可以不同 */ .button2 { display: inline-block; padding: 10px 20px; border: none; border-radius: 5px; text-align: center; text-decoration: none; font-size: 16px; color: #ffffff; background-color: #8BC34A; cursor: pointer; }
在HTML中,我們可以使用以下代碼來創(chuàng)建兩個超鏈接按鈕:
<a href="https://html4.cn" class="button">按鈕1</a> <a href="https://html4.cn" class="button2">按鈕2</a>
在這個示例中,我們定義了兩個類(.button
和.button2
),每個類都代表一個不同的按鈕樣式,在HTML中,我們可以使用class
屬性來指定哪個按鈕應該使用哪個樣式,這樣,我們就可以創(chuàng)建兩個具有不同樣式的超鏈接按鈕了。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。