How to set the word size in a button by css

The content of this article is mainly about how to set the word size of the button in css. The content of the article is clear and clear. It is very suitable for beginners to learn and is worth reading. Interested friends can follow the editor to read together. I hope you can get something through this article!

Css sets the font size in the button: 1, add the class attribute to the button element and set the attribute value; 2, use the class selector to select the button element and add the "font-size: numeric px;" style.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

The method of changing the font size in buttons in css

1. First, create two buttons on the page and define the class class for comparison

The font is 20px normal font.

2. After the button is created, set the width and height of the button in css

Button {width:100px; height:60px;}

3. After the width and height of the button is set, you can use the font-size property to change the font size in the button.

.btn {font-size:20px;}

Effect:

What are the selectors of css? css selectors can be divided into three categories, namely, id selector, class selector and tag selector. There can be many combinations between them, such as descendant selector, sub-selector, pseudo-class selector, general selector, group selector, and so on.

Thank you for your reading. I believe you have some understanding of "how to set the word size in the button in css". Go ahead and practice it. If you want to know more about it, you can follow the website! The editor will continue to bring you better articles!