这篇文章主要介绍了css按钮的大小设置方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
css按钮的大小设置方法：首先创建一个HTML示例文件；然后在body中通过button标签创建一个按钮；最后使用“font-size”属性来设置按钮大小即可。
可以使用 font-size 属性来设置按钮大小:
代码如下：
<!DOCTYPE html><html><head><meta charset="utf-8"> <title></title> <style>.button { background-color: #4CAF50; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;}.button1 {font-size: 10px;}.button2 {font-size: 12px;}.button3 {font-size: 16px;}.button4 {font-size: 20px;}.button5 {font-size: 24px;}</style></head><body><h3>按钮大小</h3><p>我们可以使用 font-size 属性来设置按钮大小:</p><button class="button button1">10px</button><button class="button button2">12px</button><button class="button button3">16px</button><button class="button button4">20px</button><button class="button button5">24px</button></body></html>效果如下：
感谢你能够认真阅读完这篇文章，希望小编分享的“css按钮的大小设置方法”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网行业资讯频道，更多相关知识等着你来学习!
