去掉button按钮左右两边的留白
button按钮,如果文字太多的话,左右两边留白也会很多,这样很不美观,而且是每个浏览器左右留白的宽度不一,
那么我们就用一个简单的css来解决这个问题,精益求精吗!
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
*{padding:0; margin:0}
input,button{overflow:visible;padding:0;}
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="submit" name="button" id="button" value="button按钮左右留白的解决方法" />
</form>
<button><span>button按钮左右留白的解决方法</span></button>
</body>
</html>
是不是很简单,快点复制先来做成html页面试试吧!
- 相关文章:
button难看?用css让她漂亮起来 (2010-4-30 19:9:37)
超炫的button按钮样式-赶上flash喽 (2010-2-10 16:41:10)
简单实现圆角不固定长度的button样式 (2010-2-9 18:3:36)
File input 浏览上传按钮样式和文字的更改方法 (2009-12-17 14:33:19)
漂亮的导航条和按钮样式 (2009-10-12 9:49:15)
可以"勾引"用户的按钮 (2009-9-22 14:19:12)
用css改变button的样式-几款漂亮的样式 (2009-7-17 16:6:49)
表单提交后按钮变灰不可用的方法 (2009-1-13 15:14:50)
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。