html li果一粒點改...
發表於 : 2009-05-31, 01:12li果一粒點...
可唔可以改做用一個圖代替??...
可唔可以改做用一個圖代替??...
詳細程式碼稍後補上。
－－－－－－－－－－
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
