Get the App
SLTechnology News&Howtos  ›  Development  › 

How some special effects of Div + CSS make div fillet and submit button

Shulou Source: shulou.com Published: 2022-06-03 07:49:06 10月04日 Update

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.

Tags: Buttons rounded corners special effects code content fonts borders support size form pointer effects more knowledge articles industry information information channels length channels Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Redmi MySQL Microsoft Shulou Tech Info MariaDB