css按钮的大小设置

您所在的位置:网站首页 调整按键大小 css按钮的大小设置

css按钮的大小设置

2023-05-06 06:06| 来源: 网络整理| 查看: 265

css按钮的大小设置方法:首先创建一个HTML示例文件;然后在body中通过button标签创建一个按钮;最后使用“font-size”属性来设置按钮大小即可。

css按钮的大小设置

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

可以使用 font-size 属性来设置按钮大小:

代码如下:

.button { background-color: #4CAF50; /* Green */ 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;} 按钮大小

我们可以使用 font-size 属性来设置按钮大小:

10px 12px 16px 20px 24px 登录后复制

效果如下:

3b3a175e7a1e9a614a63a15d35ad348.png

【推荐学习:css视频教程】

以上就是css按钮的大小设置的详细内容,更多请关注php中文网其它相关文章!



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3