CSS按鈕黑色邊框是一種常見的設計風格,可以使按鈕看起來更加醒目、突出。下面介紹如何實現這種效果。
.btn { border: 2px solid #000; background-color: #fff; color: #000; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; } .btn:hover { background-color: #000; color: #fff; }
在上面的代碼中,我們首先給按鈕添加了一個2像素寬的黑色邊框,背景色為白色,文字顏色為黑色,內部有一定的內邊距。然后通過:hover偽類,實現了當鼠標懸浮在按鈕上時,按鈕背景色變為黑色,文字顏色變為白色。
通過以上的代碼,我們就實現了一個簡單的CSS按鈕黑色邊框效果,可以根據實際需要進行修改,更加靈活多樣的按鈕設計。
上一篇css按鈕鏈接到另一頁面
下一篇gmod如何把css