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