CSS3 提供了各種方式來提示用戶元素可以被點擊。以下是一些常見的示例:
/* 按鈕樣式 */ .btn { background-color: #0077cc; color: #fff; padding: .5em 1em; border-radius: .3em; cursor: pointer; /* 顯示手型鼠標 */ transition: transform .2s; /* 添加過渡效果 */ } /* 鼠標懸停樣式 */ .btn:hover { transform: scale(1.1); /* 放大按鈕 */ } /* 鼠標按下樣式 */ .btn:active { background-color: #004499; transform: scale(.9); /* 縮小按鈕 */ }
在上述示例中,我們使用了 hover 和 active 偽類來制定按鈕的懸停和按下效果,同時也使用了 cursor 屬性將鼠標形狀設為手型。
除了這些基本效果外,CSS3 也提供了許多其它方案來提示用戶可以點擊的元素。例如,可以使用 text-decoration 屬性為鏈接添加下劃線或者在元素下方添加邊框,或者使用 box-shadow 屬性為元素添加陰影等等。不同的方案可以根據實際需要進行選擇和搭配使用,以提供更好的用戶體驗。
上一篇php argv用法
下一篇php arm