原文連結：《
【CSS】巴哈預設按鈕更動法──啻異(u4)》
前言：＜本文發表於2007/09/06 最後修改於2007/09/06 ２１：４０ 如語娃娃＞
‧本篇為觀看「啻異(u4)」發表的教學後(請看原文連結)，並進一步經過如語的朋友瑞奇的細部指導，整理修改而成。
‧如果您是經過前面教學一步一步走來的，那麼部分的語法相信都略之一二，如果忘記了不妨回頭翻翻教學。若您需要本篇簡潔一點的語法，請到啻異的教學，會得到您所需要的答案。
‧說明文字會以「 /**/ 」包夾，「/**/其中的說明文字」以及「CSS編輯中空格跟空行」皆不會造成語法上的影響，可以放心留著。
‧以下語法請置於ＣＳＳ最頂，小心不要放在ＢＯＤＹ｛｝之間唷，它們必須分開放的。
－－－－－
‧增加文末的試看版面設計。（2007/09/06 21:40）
───────────────────────────────────
───────────────────────────────────
/*------------------基本按鈕語法------------------*/
/*各項目的分類影響
.button2─小屋區「看更多」、「更多新文章」
.button3─「勇者造型相本」
.button4─「+收藏」、「寫信(留言)給他」、「送他禮物」、「觀看留言」、勇者評價區「看結果」
.button_h1
.button_h2*/
/*--「+收藏」按鈕文字色與去圖--*/
.button_c1{
color:#c97586;}
.button_c1 img{
display:none;}
/*-----------連結按鈕基本呈現----------*/
/*也可像後方.button4一樣分類出來設定*/
.button2,.button3,.button_h1,.button_h2{
font-family:"Book Antiqua,Arial";
/*文字字型*/
font-size:12px;
/*文字大小*/
color:#c97586;
/*文字色彩*/
background:#FFFFFF;
/*背景色*/
border:1px #f09199 solid;
/*框線設定，框度、色彩、樣式*/
cursor:url(http://myhome.apbb.com.tw/indream228/cur_g5.ani)}
/*滑鼠移入樣式*/
/*--button4「+收藏」等按鈕--*/
.button4 {
font-family:"Book Antiqua,Arial";
font-size:12px;
border-width:1px 1px 1px 1px;
/*框線的寬度(上右下左)。這樣的寫法算是縮寫之一，可以省去不必要的重複「border-right、left...」*/
border-color: #f09199 ;
/*框線的顏色，一樣可以放入四組顏色，呈現的位置(上右下左)*/
border-style: solid;
/*框線的樣式，一樣可以放入四組不同的樣式，呈現的位置(上右下左)*/
line-height:16px;
/*內文字行的高度，太小的話字會不見唷*/
background:url(http://myhome.apbb.com.tw/indream228/006-3.gif) no-repeat #FFF;
/*背景，背景的語法也是可以集中寫成一行的。目前的是(圖址，不重複，背景色)*/
text-align: center;
/*文字置中*/
text-decoration: none;
/*文字特殊樣式，無*/
width:100%;
cursor:url(http://myhome.apbb.com.tw/indream228/cur_g5.ani)}
/*滑鼠移到按鈕上呈現的圖案*/
/*滑鼠的樣式在BODY中只要設定上述之內容，並在「)」後方加上「,text」，就是在一般情況下滑鼠的顯示方式，只是遇到連結、按鈕時需要額外設定。*/
/*--滑鼠造訪按鈕，呈現的樣式--*/
.button2:hover,.button3:hover,.button4:hover{
color:#c97586;
/*文字顏色*/
font-family:"Book Antiqua,Arial";
/*文字字型*/
font-size:12px;
/*文字大小*/
background:url(http://myhome.apbb.com.tw/indream228/006-3.gif) no-repeat #FFF;
/*背景*/
border:1px #f09199 solid;}
/*框線*/
-------
有興趣的人可以試看看，看以下連結純文字檔中的設定。
下載檔案後，將文件中語法全選複製到自訂版面全選貼上，
接著按預覽看看版面的樣式(不要確認送出，不然自己小窩的原檔不見會很囧的)，
或許這也會是不錯的修改方向。
瀏覽過版面後，不要儲存，直接按上一頁離開自訂版面，這樣就不會動到您漂亮小窩的設定XD~
試玩
這個檔案是在修改按鈕語法之前的，所以，按鈕還是無設定。
<原本是弄來幫朋友檔一下小屋版面，現在是分享看看。>
創作內容
【小屋】CSS自訂版面：進階─修改預設銀色按鈕篇
─══════╮ (3)