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

This article will explain in detail how to make buttons in CSS. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

The button code is as follows

HTML code

Ordinary square button

The realization method of fillet button

The code is as follows

HTML code

Fillet button

CSS code

.kadomaru {

Width:100px

Font-size:12px

Color:#FFFFFF

Text-align:center

Display:block

Padding:10px010px

Background:#6BCBF6

Border-radius:20px

}

The realization method of Stereo Button

The code is as follows

HTML code

Stereoscopic button

CSS code

.shadow {

Width:100px

Font-size:12px

Color:#FFFFFF

Text-align:center

Display:block

Padding:10px010px

Background:#6BCBF6

Border-radius:5px

Box-shadow:1px1px#1A6EA0

}

Use box-shadow to specify shadow size and shadow color to create a three-dimensional feel.

This is the end of the article on "how to make buttons for CSS". I hope the above content can be of some help 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.