答案是可以的,方法是使用 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