交互设计中心-72色

交互设计中心 | 用户体验 | 优化

去掉button按钮左右两边的留白

2010年7月9日 | 分类:DIV+CSS | 评论:0 | 引用:0 | | Tags: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页面试试吧!

Share
« 地摊上摆的棋局-真龙棋局让IE6,IE7,IE8支持css3属性 »



◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。