Home > Web Front-end > HTML Tutorial > How to set button size in html

How to set button size in html

coldplay.xixi
Release: 2023-01-05 16:11:35
Original
6391 people have browsed it

htmlThe method to set the button size is to directly add width and height to the input element. The specific code is as follows: [].

How to set button size in html

The operating environment of this tutorial: windows7 system, html5 version, DELL G3 computer.

How to set the button size in html:

Setting the button size in html: You can directly add width and height to the input element. The specific code is as follows:

<input type="submit" value="确定" style="width:100px;height:60px">
Copy after login

The following is the comparison effect of not setting the input button size and setting the button size:

How to set button size in html

#The form input element in html is an inline block element, which can be used with Other elements on the same line can set their own width and height.

If you set the input button size (width, height) according to the above method, but still do not achieve the effect of changing the input button, you can check whether the code in the html is incorrect or conflicts with other codes.

Related learning recommendations: html video tutorial

The above is the detailed content of How to set button size in html. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template