css不用图片美化按钮

<html> <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:1pxsolid 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> <input class=button id=button type=button value="美化了的按钮"><script> function rgb（）{ ID=arguments[0] oRGB=eval（arguments[1]） nRGB=eval（arguments[2]） var IMG="" for（i=20;i>0;i=i-2）{ RGB="rgb（"+（oRGB[0]-1）+","+（oRGB[1]-1）+","+（oRGB[2]-1）+"）" IMG+="<img style="width:100%;height:1px;background:"+RGB+"">"} for（i=20;i>0;i=i-2）{ RGB="rgb（"+（nRGB[0]-1）+","+（nRGB[1]-1）+","+（nRGB[2]-1）+"）" IMG+="<img style="width:100%;height:1px;background:"+RGB+"">"} eval（ID+".innerHTML=IMG"） } rgb（"bg",[255,180,20],[255,140,20]） button.onmouseover=function（）{rgb（"bg",[255,200,20],[255,160,20]）} button.onmouseout=function（）{rgb（"bg",[255,180,20],[255,140,20]）} </script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]