這篇文章主要介紹了Css中按鈕邊框顏色如何設(shè)置，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)科技有限公司專業(yè)互聯(lián)網(wǎng)基礎(chǔ)服務(wù)商，為您提供綿陽服務(wù)器托管，高防主機，成都IDC機房托管，成都主機托管等互聯(lián)網(wǎng)服務(wù)。

按鈕邊框顏色

我們可以使用 border 屬性設(shè)置按鈕邊框顏色:

實例

.button1 {

background-color: white;

color: black;

border: 2px solid #4CAF50; /* Green */

}

...

鼠標懸停按鈕

我們可以使用 :hover 選擇器來修改鼠標懸停在按鈕上的樣式。

提示: 我們可以使用 transition-duration 屬性來設(shè)置 "hover" 效果的速度:

實例

.button {

-webkit-transition-duration: 0.4s; /* Safari */

transition-duration: 0.4s;

}

.button:hover {

background-color: #4CAF50; /* Green */

color: white;

}

...

感謝你能夠認真閱讀完這篇文章，希望小編分享的“Css中按鈕邊框顏色如何設(shè)置”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!