前言：
而今大家对“css按钮大小”大约比较看重，同学们都需要了解一些“css按钮大小”的相关知识。那么小编在网络上网罗了一些对于“css按钮大小””的相关知识，希望姐妹们能喜欢，看官们一起来学习一下吧！图0
一、我们开始先做一个按钮，这就是个一般的按钮，要是在xp系统下看，应该会更丑。
图1
图2
二、给它加些样式，直接对button标签加样式。
图3
图4
三、我们再做一个黄色的按钮，只用修改背景色就可以了。
图5
图6
四、用同样的办法再加两个按钮。
图7
图8
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> button{ border: none; /*去掉边框*/ padding: 15px 30px; /* 内边距来控制按钮大小 */ font-size: 16px; /* 字体大小设置 */ font-family: Arial, 微软雅黑; /* 设置字体类型 */ color: white; /* 设置字的颜色 */ background: #447aa8; /* 设置背景色 */ border-radius: 3px; /* 设置四个角为圆角 */ } #bt2{ background:#f90; } #bt3{ background: #363; } #bt4{ background: #333; } </style></head><body> <button>blue按钮</button> <button id="bt2">Yellow按钮</button> <button id="bt3">Green按钮</button> <button id="bt4">Black按钮</button></body></html> 版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #css按钮大小
