HTML是網頁開發中最基礎的技術之一,而其中一個重要的元素就是ul(unordered list)和li(list item)。ul和li的作用是用來創建非有序列表。設置ul和li的格式和樣式可以幫助網頁變得更加美觀易讀。下面我們將通過pre標簽展示如何設置ul和li點。
首先,我們可以使用ul標簽來創建一個非有序列表,在ul標簽中可以添加多個li標簽,每個li標簽代表了列表中的一個子項。例如:
<ul> <li>第一項</li> <li>第二項</li> <li>第三項</li> </ul>上述代碼將會創建一個簡單的無序列表,包含三個子項。 接下來,我們可以設置ul和li的樣式。其中,我們最經常使用的就是設置li的點標記,來代表每個子項。在CSS中,可以通過list-style-type屬性來設置點標記的樣式。例如:
<style> ul { list-style-type: circle; /* 設置點標記為圓圈 */ } li { margin-bottom: 10px; /* 設置子項之間的間距 */ } </style>在上述代碼中,我們通過CSS的樣式設置將ul的點標記的樣式改為圓圈,并通過li標簽的樣式添加了子項之間的間距。除了circle之外,還有其他一些常見的點標記類型,比如disc、square等,可以根據實際情況進行選擇。 最終,在HTML頁面上展示的無序列表將會變成這樣:
- 第一項
- 第二項
- 第三項