html li果一粒點改...

編寫、設計網頁與程式。

版主: hamu278, 銘仔

版面規則
  • 本版面亦可以討論網頁寄存公司

html li果一粒點改...

文章SkyBread » 2009-05-31, 01:12

li果一粒點...
可唔可以改做用一個圖代替??...
SkyBread
 

Re: html li果一粒點改...

文章大大師兄 » 2009-05-31, 01:20

答案是可以的,方法是使用 CSS。

詳細程式碼稍後補上。
----------
01:27 更新:詳細做法
01:30 更新:修正錯別字
01:32 更新:再修正錯別字

在 <head> ... </head> 之間插入以下程式碼
代碼: 選擇全部
    <style type="text/css">
    ul {
      list-style: url(/images/fancydot.gif) disc;
    }
    </style>

當中「/images/fancydot.gif」是那一粒點的圖片檔案。在此例子中,這個要取代「li 粒點」的圖片檔案,是放於網頁所放的資料夾,下面的 images 資料夾,裡面的 fancydot.gif。

如果你的網頁已有內嵌 CSS,或者是使用外部的 CSS,不用複製第一行和最後一行,只需把中間的代碼加在相關的部份。

此做法在文字瀏覽器 / 語音瀏覽器內,會與一般的 li 無異,因為它們都忽略 CSS。在視覺瀏覽器中,所指定的圖片則會取代 li 粒點。

有關其他 (較差的) 做法,使用 CSS 定義 li 圖片的好處,詳見此頁:http://www.tycg.gov.tw/files/035/diveintoaccessibility/day_22_using_real_lists_or_faking_them_properly.html
圖檔
大大師兄
地球會員
 
文章: 1400
註冊時間: 2009-01-16, 14:04

Re: html li果一粒點改...

文章Freeman » 2009-05-31, 01:42

用background好D, 原因唔記得 :oops:
Freeman
地球會員
 
文章: 1680
註冊時間: 2008-06-25, 21:04

Re: html li果一粒點改...

文章bananasims » 2009-05-31, 08:33

IE 用唔到 :oops:
影像.從心 At the heart of the ímage
bananasims
太陽會員
 
文章: 13541
註冊時間: 2005-09-22, 00:00

Re: html li果一粒點改...

文章人仔 » 2009-05-31, 10:32

bananasims 寫:IE 用唔到 :oops:

ie都用到呀 :oops:

代碼: 選擇全部
.li_left_01 {
   list-style:none url(個三角);
}
頭像
人仔
金星會員
 
文章: 3129
註冊時間: 2007-01-23, 17:32
來自: 澳門 - K隆星

Re: html li果一粒點改...

文章SkyBread » 2009-05-31, 21:16

o...thx大家...
SkyBread
 


回到 [B1] 網頁製作、程式編寫與介面設計



誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 15 位訪客

cron