下面是一個使用css3制作的按鈕示例代碼:
HTML代碼:
<button class="btn btn-primary">Click Me!</button>
CSS代碼:
.btn { display: inline-block; padding: 8px 12px; font-size: 16px; font-weight: bold; border-radius: 4px; border: none; } .btn-primary { background-color: #007bff; color: #fff; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15); } .btn:hover { cursor: pointer; transform: translateY(-2px); } .btn:active { box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.15); transform: translateY(0); }以上代碼演示了如何使用CSS3制作一個簡單的按鈕,包括了基礎樣式、背景顏色、陰影、鼠標懸停和點擊效果等。通過調整不同的屬性值,可以實現(xiàn)不同形狀、顏色和大小的按鈕。
上一篇css3 按鈕呼吸效果
下一篇mysql查詢用戶表