有序列表是編號的,無序列表是不編號的,它可以使用標籤
光碟- 這將建立一個標記為項目符號的無序列表(預設)。
圓- 這將建立一個標記為圓的無序列表。
square - 這將建立一個標記為正方形的無序列表。
無- 這將建立一個沒有任何標記的無序列表。
以下是在 HTML 中建立帶有方形項目符號的無序列表的語法。
<ul style="list-style-image: url(image.png)"> <li>Item in list…</li> <li>Item in list…</li> <li>Item in list…</li> </ul>
下面給出了一個在 HTML 中建立帶有圖像項目符號的無序列表的範例。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <ul style="list-style-image: url(images/11.png)"> <li>Abdul</li> <li>Jason</li> <li>Yadav</li> </ul> </body> </html>
以下是上述範例程式的輸出。
讓我們來看另一個例子,使用圖像項目符號建立無序列表 -
<!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <h2>Tutorials</h2> <p>The list of tutorials:</p> <ul style="list-style-image: url('/theme/css/icons/image-editor.png');"> <li>Java</li> <li>C++</li> <li>Ruby</li> </ul> </body> </html>
執行上述程式碼後,輸出如下 -
以上是如何在HTML中建立帶有影像符號的無序列表?的詳細內容。更多資訊請關注PHP中文網其他相關文章!