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

This article will explain in detail how to set up the border button group in css3. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Framed button group

We can use the border property to set the button group with a border:

Case study

.button {

Float: left

Border: 1px solid green

}

Case study

. btn-group button {

Background-color: # 04AA6D; / * Green background * /

Border: 1px solid green; / * Green Border * /

Color: white; / * White text * /

Padding: 10px 24px; / * inside distance, * /

Cursor: pointer; / * pointer / hand icon * /

Float: left; / * side-by-side floating button * /

}

This is the end of the article on "how to set up the border button group in css3". I hope the above content can be helpful to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

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.