【小屋】CSS自訂版面：進階─右上下拉選單　補充說明篇

本文引用自此

本文引用至：【css教學】巴哈右上下拉選單鑲入──sindsiona（兔）
　　　　　　連結處本文最上方的引用文連結──
前言：
　　‧此為補充說明文。
　　‧語法是為外加語法，請自行將語法加至自定語法的最頂或是最底，以您修改方便為主。
　　‧如有疑問歡迎詢問，不太建議使用水球，最近接網友的水球常常漏接，直到下一次的上線才看到系統通知…ＯＲＺ
　　‧本文分兩個版本，一個是有附加說明的──【說明版】，一個沒有附加說明──【簡略版】，方便自由取用＝ˇ＝＂
講解方向：

語法說明：
【說明版】
/*---右上下拉式選單設定---*/
/*--基本樣式--*/
.wide_t1 {
position : absolute; /* 依網頁左上角為基準點取絕對位置，不加的話沒辦法修改一些效果，別丟了它ˋˇˊ */
top:-0px; left:850px; /*選單的在頁面上呈現位置，建議別亂動XD*/
clip: rect(2px 108px 17px 2px); /*數值為上右下左。wide_t1的小按鈕隱藏方式，簡單說這邊是以該區與邊界距離修改呈現的樣子，修改右與下就好，以免混亂。*/
font-size: 9pt;/*基本文字大小*/
line-height:25pt;/*文字的行高*/
COLOR: #b23535;/*基本文字顏色+下拉選單項目文字的基本色*/
background:#edd5dc;}/*選單背景色，最基本的背景顏色設定*/
/*--下拉選單--*/
/*首項*/
.wide_titlebar{color:#338310; background:#F1FCDF;}
/*分類1*/
.wide_titlebar1{background:#edd5dc}
/*分類2*/
.wide_titlebar2{background:#fdeff2}

※分類1和分類2也是能自訂文字顏色等等，請有需要的人自行補充增加語法嚕。

【簡略版】
/*---右上下拉式選單設定---*/
.wide_t1 {position:absolute; top:-0px; left:850px; clip: rect(2px 108px 17px 2px); font-size: 9pt; line-height:25pt;COLOR: #b23535;background:#edd5dc}
.wide_titlebar{color:#338310; background:#F1FCDF;}
.wide_titlebar1{background:#edd5dc}
.wide_titlebar2{background:#fdeff2}