CSSでボタンを美化するのに写真は不要_体験交流

.tb{幅:100%;高さ:1px;オーバーフロー:非表示;背景:rgb(250,100,0);マージン:0 1px;} .lr{幅:100%;高さ:20px;オーバーフロー:非表示;ボーダー左:1px ソリッド rgb(250,100,0);ボーダー右:1px ソリッド rgb(250,100,0);} .bg{幅:100%;高さ:20px;オーバーフロー:非表示;} .button{位置:相対;幅:100%;高さ:20px;トップ:-20px;フォント- サイズ:9pt;ボーダー:0;背景:なし;} スタイル> <div style="float:left;width:100;"> <div class="tb"></div> <div> <div class="bg" id="bg"></div> <input class="button" id="button" type="button" value="美しいボタン"> </div> <div class="tb"></div> </div> <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+"\" alt="CSSでボタンを美化するのに写真は不要_体験交流" >" } 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+"\" alt="CSSでボタンを美化するのに写真は不要_体験交流" >" } 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 を導入する必要がある場合は、それを更新して実行する必要があります]