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

Today, I will talk to you about how some special effects of Div + CSS make div rounded corners and submit buttons, which may not be well understood by many people. In order to make you understand better, the editor has summarized the following contents for you. I hope you can get something according to this article.

Add a border to the div:

The code is as follows:

Border:1px solid # BDCFE4

Fillet the div:

The code is as follows:

Border-radius: 3px; / / it doesn't seem to be supported in IE. I haven't tried.

Special effects of the submit button:

The code is as follows:

Background: none repeat scroll 00 # 82C400

The length of the width:107px; / / button

The height of the height:42px; / / button

Border-width: 0; / / the border is 0

Font-size: 17px; / / Font size

Color: # FFFFFF; / / Font color

Font-weight: 500; / / Font emphasis

Border-radius: 6px; / / fillet

Cursor:pointer; / / pointer form: hand type

The effect is as shown in the figure:

After reading the above, do you have any further understanding of how some special effects of Div + CSS make div rounded and submit button? If you want to know more knowledge or related content, please follow the industry information channel, thank you for your support.

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.