css按钮的大小设置方法
短信预约 -IT技能 免费直播动态提醒
这篇文章主要介绍了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按钮的大小设置方法”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网行业资讯频道，更多相关知识等着你来学习!
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
