css不用图片美化按钮

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <style> .tb{width:100%;height:1px;overflow:hidden;background:rgb(250,100,0);margin:0 1px;} .lr{width:100%;height:20px;overflow:hidden;border-left:1px solid rgb(250,100,0);border-right:1px solid rgb(250,100,0);} .bg{width:100%;height:20px;overflow:hidden;} .button{position:relative;width:100%;height:20px;top:-20px;font- size:9pt;border:0;background:none;} </style> <div style="float:left;width:100;"> <div class="lr"> <input class="button" id="button" type="button" value="美化了的按钮"> </div> </div>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]