CSS淘寶點(diǎn)擊按鈕代碼怎么寫?
在CSS中,我們可以使用各種樣式來美化淘寶點(diǎn)擊按鈕,以下是一些常見的CSS代碼示例:
1、基本樣式:
.btn { display: inline-block; padding: 10px 20px; background-color: #ff6347; color: #fff; border-radius: 5px; text-decoration: none; }
這個(gè)樣式會(huì)創(chuàng)建一個(gè)帶有背景顏色、文字顏色、邊框半徑和文本裝飾的按鈕。
2、懸停樣式:
.btn:hover { background-color: #f06d47; color: #fff; }
這個(gè)樣式會(huì)在鼠標(biāo)懸停在按鈕上時(shí)改變按鈕的背景顏色和文字顏色。
3、激活樣式:
.btn:active { background-color: #e65111; color: #fff; }
這個(gè)樣式會(huì)在按鈕被點(diǎn)擊時(shí)改變按鈕的背景顏色和文字顏色。
4、禁用樣式:
.btn:disabled { background-color: #ccc; color: #333; cursor: not-allowed; }
這個(gè)樣式會(huì)在按鈕被禁用時(shí)改變按鈕的背景顏色和文字顏色,并設(shè)置鼠標(biāo)指針為不允許。