[問題] 按鈕美化

製作Webgame技術交流、Webgame相關程式功能改造、中文化技巧等相關討論。

版主: Mr.Simon, 涅魂, 小剎, BSM

頭像
齋月
 
文章: 557
註冊時間: 2006-02-27 7:54 am

[問題] 按鈕美化

文章齋月 » 2007-04-02 2:00 pm

網路上找了很多的文 也沒有找到 :oops:

很想知道按鈕到底要怎麼美化阿 :cry:

請指教 :( TZ



dideming
 
文章: 23
註冊時間: 2006-07-29 4:19 am

文章dideming » 2007-04-05 6:52 pm

很簡單吧,利用css就可以了
e.g
代碼: 選擇全部
<HEAD>
<Style Type="text/css">
<!--
.button{
background: url(./image/button.gif);
bgcolor: #FFFFFF;
}
-->
</Style>
</HEAD>


<input type=button value=' 關 閉 ' class="button">

改為圖片或顏色都可以




涅魂
 
文章: 4463
註冊時間: 2004-01-04 11:17 am
來自: Taiwan
性別: 男生

文章涅魂 » 2007-04-06 3:51 pm

下面列幾個用css來美化按鈕的例子

[quote="第一個"]
代碼: 選擇全部
<br><input type="button" value="測試按鈕" style="border:1px solid #005F9F">
<br><input type="button" value="測試按鈕" style="border:1px dotted #005F9F">
<br><input type="button" value="測試按鈕" style="background:#005F9F;color:white">
<br><input type="button" value="測試按鈕" style="border:1px solid #005F9F;font-weight:bolder">
<span style="width:100%;background:deepskyblue"><input type="button" value="測試按鈕" style="color:white;background:transparent;border:1px solid #005F9F"></span>

成果展示:
圖檔


圖檔


回到 Webgame製作&改造

誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 5 位訪客