藍色調的睡蓮
關於莫內 Claude Monet
莫內是法國畫家, 是印象主義的創立者之一,而且只有他一人終其一生都堅持印象主義的原則和目標,也是唯一在生前贏得大眾認可的印象主義畫家。他少年時代所畫的諷刺漫畫就已具備了驚人的形似能力,直到他早期的印象主義繪畫還保留著這項特質,使他和十九世紀中葉風景畫家的朦朧概括迥然不同。他的風景畫完全以主題的視覺經驗感知為首要的考慮,忽視傳統的概念﹝構圖、題材、潤飾等﹞。
[講義04] 以CSS製作網頁導覽列 |
Moderator October 25, 2011 02:31PM 發表文章數: 1,143 |
#button { /*高度設定*/ height: 22px; /*文字設定*/ font-weight: bolder; color: #FFF; font-size: 14px; /*將內定的邊距清除*/ margin: 0px; /*將清單內定的內距清除(無清除,則左側會多出約40px,範例二可不用加這一項*/ padding:0px; }
#button li { /* 讓各個清單元素靠左對齊,由原本的垂直排列變成水平排列,形成水平清單 */ float:left; /* 設定清單文字範圍的寬度 */ width:178px; /* 去除清單文字前面的小點*/ list-style-type:none; /* 讓清單文字居中對齊 */ text-align:center; /* 設定背景色,依個人喜好調整背景色,但要符合整設計風格 */ background-color:#6E6E6E; /* 設定字距為2px,非必要 */ letter-spacing: 2px; /* 設定左邊的白邊樣式,可依個人喜好調整 */ border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; /* 右邊留白1像素 ,可依個人喜好調整*/ margin-right:1px; } #button li a { /* 連結範圍充滿整個區塊 */ display: block; /* 單個連結範圍的框度和高度*/ width: 180px; height:20px; /* 設定連結範圍向上的內距,依狀況調整 */ padding-top:2px; /* 連結的文字設為白色以及無裝飾(無底線) ,依個人喜好調整背景色,但要符合整設計風格*/ color: #FFF; text-decoration: none; } #button li a:hover{ /* 設定滑鼠移過時,清單改變的底色設定 */ background-color:#39919F; }
#button li { float: left; list-style-type: none; letter-spacing: 2px; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; padding-left: 10px; } #button li a { display: block; width: 169px; height: 22px; padding-top:2px; color: #FFF; text-decoration: none; } #button li a:hover{ /* 設定滑鼠移過時,改變文字顏色的設定 */ color: #7CCBDC; }
藍色調的睡蓮
關於莫內 Claude Monet
莫內是法國畫家, 是印象主義的創立者之一,而且只有他一人終其一生都堅持印象主義的原則和目標,也是唯一在生前贏得大眾認可的印象主義畫家。他少年時代所畫的諷刺漫畫就已具備了驚人的形似能力,直到他早期的印象主義繪畫還保留著這項特質,使他和十九世紀中葉風景畫家的朦朧概括迥然不同。他的風景畫完全以主題的視覺經驗感知為首要的考慮,忽視傳統的概念﹝構圖、題材、潤飾等﹞。
藍色調的睡蓮
關於莫內 Claude Monet
莫內是法國畫家, 是印象主義的創立者之一,而且只有他一人終其一生都堅持印象主義的原則和目標,也是唯一在生前贏得大眾認可的印象主義畫家。他少年時代所畫的諷刺漫畫就已具備了驚人的形似能力,直到他早期的印象主義繪畫還保留著這項特質,使他和十九世紀中葉風景畫家的朦朧概括迥然不同。他的風景畫完全以主題的視覺經驗感知為首要的考慮,忽視傳統的概念﹝構圖、題材、潤飾等﹞。
1035445156
[ 站內寄信 / PM ]
Re: [講義04] 以CSS製作網頁導覽列
分類標籤: 網頁設計與語法(HTML/CSS)
|
December 17, 2015 12:40PM 發表文章數: 20 |
Re: [講義04] 以CSS製作網頁導覽列
分類標籤: 網頁設計與語法(HTML/CSS)
|
December 29, 2015 04:49PM 發表文章數: 19 |
H224488882
[ 站內寄信 / PM ]
Re: [講義04] 以CSS製作網頁導覽列
分類標籤: 網頁設計與語法(HTML/CSS)
|
January 11, 2017 04:07AM 發表文章數: 16 |
Re: [講義04] 以CSS製作網頁導覽列
分類標籤: 網頁設計與語法(HTML/CSS)
|
December 20, 2015 11:47AM 發表文章數: 19 |
1035445027
[ 站內寄信 / PM ]
Re: [講義04] 以CSS製作網頁導覽列
分類標籤: 網頁設計與語法(HTML/CSS)
|
December 23, 2015 07:03AM 發表文章數: 18 |
1035445201
[ 站內寄信 / PM ]
Re: [講義04] 以CSS製作網頁導覽列
分類標籤: 網頁設計與語法(HTML/CSS)
|
January 06, 2016 04:41PM 發表文章數: 19 |
Re: [講義04] 以CSS製作網頁導覽列
分類標籤: 網頁設計與語法(HTML/CSS)
|
January 06, 2016 06:20PM 發表文章數: 20 |
Re: [講義04] 以CSS製作網頁導覽列
分類標籤: 網頁設計與語法(HTML/CSS)
|
June 16, 2016 03:37AM 發表文章數: 10 |
1045440020
[ 站內寄信 / PM ]
Re: [講義04] 以CSS製作網頁導覽列
分類標籤: 網頁設計與語法(HTML/CSS)
|
June 16, 2016 05:50AM 發表文章數: 10 |
Re: [講義04] 以CSS製作網頁導覽列 |
January 10, 2017 04:16PM 發表文章數: 22 |
1045445177
[ 站內寄信 / PM ]
Re: [講義04] 以CSS製作網頁導覽列
分類標籤: 網頁設計與語法(HTML/CSS)
|
January 11, 2017 03:54AM 發表文章數: 23 |
misoomisooo
[ 站內寄信 / PM ]
Re: [講義04] 以CSS製作網頁導覽列
分類標籤: 網頁設計與語法(HTML/CSS)
|
January 17, 2018 07:23AM 發表文章數: 5 |