管理资源吧首页>>>教程>>>编程>>>CSS/HTML教程>>>

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: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=tb></div> 
<div class=lr> 
<div class=bg id=bg></div> 
<input class=button id=button type=button value="美化了的按钮"> 
</div> 
<div class=tb></div> 
</div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Afunction%20rgb()%7B%20%0D%0AID%3Darguments%5B0%5D%20%0D%0AoRGB%3Deval(arguments%5B1%5D)%20%0D%0AnRGB%3Deval(arguments%5B2%5D)%20%0D%0Avar%20IMG%3D%22%22%20%0D%0Afor(i%3D20%3Bi%3E0%3Bi%3Di-2)%7B%20%0D%0ARGB%3D%22rgb(%22%2B(oRGB%5B0%5D-1)%2B%22%2C%22%2B(oRGB%5B1%5D-1)%2B%22%2C%22%2B(oRGB%5B2%5D-1)%2B%22)%22%20%0D%0AIMG%2B%3D%22%3Cimg%20style%3D%5C%22width%3A100%25%3Bheight%3A1px%3Bbackground%3A%22%2BRGB%2B%22%5C%22%3E%22%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0Afor(i%3D20%3Bi%3E0%3Bi%3Di-2)%7B%20%0D%0ARGB%3D%22rgb(%22%2B(nRGB%5B0%5D-1)%2B%22%2C%22%2B(nRGB%5B1%5D-1)%2B%22%2C%22%2B(nRGB%5B2%5D-1)%2B%22)%22%20%0D%0AIMG%2B%3D%22%3Cimg%20style%3D%5C%22width%3A100%25%3Bheight%3A1px%3Bbackground%3A%22%2BRGB%2B%22%5C%22%3E%22%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0Aeval(ID%2B%22.innerHTML%3DIMG%22)%20%0D%0A%7D%20%0D%0Argb(%22bg%22%2C%5B255%2C180%2C20%5D%2C%5B255%2C140%2C20%5D)%20%0D%0Abutton.onmouseover%3Dfunction()%7Brgb(%22bg%22%2C%5B255%2C200%2C20%5D%2C%5B255%2C160%2C20%5D)%7D%20%0D%0Abutton.onmouseout%3Dfunction()%7Brgb(%22bg%22%2C%5B255%2C180%2C20%5D%2C%5B255%2C140%2C20%5D)%7D%20%0D%0A%3C%2Fscript%3E">

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

教程首页更多教程