|
您知道嗎？無序號項目清單前面顯示的小黑圈，也能用小圖示代替
|
| 範例 |
標籤 HTM 位置
|
必須放在 <li ... > 裡面
|
| HTML 語法
|
<Li style="list-style-image: url('images/icon.gif');">
|
| 顯示結果
|
 正規 HTM 語法與 CSS 行內式 (Inlin Style) 排版樣式寫法比較，詳如下面範例
|
| 傳統無序號的列表 (UnNumbered List) 寫法 |
- HTML 原文為【HyperText Markup Language】，中譯為超文字(件)標記語言。
- HTML 是一種標籤(Tags)式組合語言(法)，藉瀏覽器(Browser)讀取文件(Document)中合法標籤。
- 簡單的說， HTML 分為兩大組成部份：一個是內容，另一個就是標籤。
|
| 使用 CSS 行內式 (Inlin Style) 排版樣式寫法，以小圖示代替無序號項目清單
|
- HTML 原文為【HyperText Markup Language】，中譯為超文字(件)標記語言。
- HTML 是一種標籤(Tags)式組合語言(法)，藉瀏覽器(Browser)讀取文件(Document)中合法標籤。
- 簡單的說， HTML 分為兩大組成部份：一個是內容，另一個就是標籤。
|
 請按滑鼠右鍵 檢視原始檔，打開記事本查看本頁 HTML 原始碼。
|
|
另外一種內崁式 CSS (Embedding Style) 排版樣式用法 
|
