本文引用自此本文引用至:【css教學】巴哈右上下拉選單鑲入──sindsiona(兔)
連結處本文最上方的引用文連結──
前言:
‧此為補充說明文。
‧語法是為外加語法,請自行將語法加至自定語法的最頂或是最底,以您修改方便為主。
‧如有疑問歡迎詢問,不太建議使用水球,最近接網友的水球常常漏接,直到下一次的上線才看到系統通知…ORZ
‧本文分兩個版本,一個是有附加說明的──【說明版】,一個沒有附加說明──【簡略版】,方便自由取用=ˇ="
講解方向:
語法說明:
【說明版】
/*---右上下拉式選單設定---*/
/*--基本樣式--*/
.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}