Shulou(Shulou.com)06/01 Report--

This article mainly introduces the Css button border color setting, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand.

Button border color

We can use the border property to set the button border color:

Case study

.button1 {

Background-color: white

Color: black

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

}

...

Mouse over button

We can use the: hover selector to modify the style of the mouse over the button.

Tip: we can use the transition-duration property to set the speed of the "hover" effect:

Case study

.button {

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

Transition-duration: 0.4s

}

.button: hover {

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

Color: white

}

...

Thank you for reading this article carefully. I hope the article "how to set the border color of buttons in Css" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.