網頁設計美編
 
尚佶網頁設計主選單
網頁美編設計製作
行動手機‧行動電視
網頁設計
網頁設計
最新訊息:
  網頁設計全球效應
  網頁設計的行銷效用?
新進作品:
  Shen Hua Filing Cabinet File Cabinet File Cabinets
  戀戀紅葡萄酒酒莊
  美和美吊扇公司
  嘉義新恩診所
  HCB AUTO TOOLS
  逸通房屋拆除工程
  盈豐遮陽網製茶器具
  易方格系統傢俱
  97 海洋教育計畫
  進泉瓜子
  金鴻勝酒廠
  久大金屬工程
  禾豐食品公司
  97 教學卓越計畫
  鉅祥工具開發有限公司
 
 

 

 

 

 

 

 

 

網頁設計美編 filing cabinet file cabinet

 

 

 

 

 

 

 

 

 

 

 

Cucubird free blog

 

free blog

 

Free Classified ads

 
 
網頁+創意=100%網站 arrow 網頁資訊分享 arrow 網頁設計 arrow 設計CSS應用︰li和ul標籤範例   
 
色彩平衡在網頁設計的運用上是一項相當重要的一環,運用色彩平均在網站的頁面上能夠讓瀏覽者在視覺上取的平衡感;並且能夠製造出不同形式的效果,很多網站的網頁設計就是透過各種色彩平衡的形式,讓整體在網站設計上更加生動。運用色彩的適度調配,能創造出網站多樣的變化,如穩重度與活潑感。通常網頁的上方所設計的顏色搭配是要比下方的內容顏色更加強列,這樣才能讓整體的網頁設計的穩定度更加強烈。                                                                                                                                                                 詳細內容... 
運用網頁設計來建置網站,便是另闢一條新路的方法。也是開創新機的一條途徑;很多人應用網頁設計去建置網站,不僅僅能省下不少的廣告開資費用,網站建置所呈現的契機,也讓不少企業主嘗到料想不到的行銷方式。                                                                                                                                                                 詳細內容... 
 
設計CSS應用︰li和ul標籤範例
hhh    

LI網頁代碼的格式化設計:

A).運用CSS格式化列表︰ ul li{
list-style-type:none;
}
B).如果你想將網頁中的列表設計成圖像,則︰ ul li{
list-style-type:none;
list-style-image: url(/blog/images/icon.gif);
}
C).為了讓左邊對齊,可以用如下網頁代碼︰ ul{
list-style-type:none;
margin:0px;
}
D).如果想給列表設計背景色,可以用如下網頁代碼︰ ul{
list-style-type: none;
margin:0px;
}
ul li{
background:#CCC;
}
E).如果想給列表設計MOUSEOVER背景變色效果,可以用如下網頁代碼︰ ul{ list-style-type: none; margin:0px; }
ul li a{ display:block; width: 100%; background:#ccc; }
ul li a:hover{ background:#999; }說明︰display:block;這一行必須要加的,這樣才能塊狀顯示﹗

F).LI中的元素水準排列,關鍵FLOAT:LEFT︰ ul{
list-style-type:none;
width:100%;
}
ul li{
width:80px;
float:left;
}
<ul><li>的區別
<LI> 的參數設定(常用)︰

例如︰ <li type="square" value="4">

type="square"
只適用於非順序清單,設計設定符號款式,其值有三種,如下,內定為 type="disc"︰
符號 是當 type="disc" 時的列項符號。
符號 if" width=10 height=10 border=0> 是當 type="circle" 時的列項符號。
符號 是當 type="square" 時的列項符號。
value="4"
只適用于順序清單,設定該一項的數目,其後各項將以此作為起始數目而遞增,但前面各項則不受影響,其值只能是 1,2,3.. 等整數,沒有內定值。
<UL>稱為無序清單標記。
所謂無序清單就是在每一項前面加上 、、等符號,故又稱符號清單。
<UL> 的參數設定(常用)︰
例如︰ <UL type="square">

type="square"
設定符號款式,其值有三種,如下,內定為 type="disc"︰
符號 是當 type="disc" 時的列項符號。
符號 是當 type="circle" 時的列項符號。
符號 是當 type="square" 時的列項符號。

<ul>是項目列表,<li>是列表項,項目列表就是用符號來列的,所以你列出來默認的就是黑點啦,還有一個是<ol>這個是編號列表,用數字來列的,也是用<li>做列表項

<li>是 list item 即列表項,但列表有很兩種,所以外面得有 <ul> 或者 <ol> 用來區別無序列表(小點點)和有序列表(1,2,3...)。

 

< 上一頁   下一頁 >
top_18.jpg
有了這些網頁設計的大體方向,我們在設計網站的同時才能依此方向下去執行。而網頁設計的設計定位,則要以容易明了的網站設計為主,網站是要給人容易閱覽為主要目的,如果架構太過複雜或使用上太過繁複,則會讓人閱覽起來不方便。                                                                                                                                                                
 
 
尚佶網頁設計 2011 © copyright 版權所有. TEL:0918238088
 
©2010 Sungie