要在 HTML 中去掉 ul 和 li 標籤中的點,可以採取以下步驟:使用 CSS 樣式清單類型 none:ul, li { list-style-type: none; }。使用before 偽元素和content 屬性:li { position: relative; padding-left: 1em; },li:before { content: ""; position: absolute; left: 0; top: 0.2em; width: 0.5em; height : 0.
如何在HTML 中去掉ul 和li 標籤中的點
在HTML 中,ul (無序列表)和li(列表項)標籤通常會顯示一個圓形小點作為標記。如果需要去掉這些點,可以使用 CSS 樣式表。
方法:
使用清單樣式類型none:
ul, li {
list-style-type: none;
}
使用before 偽元素和content 屬性:
li {
position: relative;
padding-left: 1em;
}
li:before {
content: "";
position: absolute;
left: 0;
top: 0.2em;
width: 0.5em;
height: 0.5em;
background-color: #000;
border-radius: 50%;
}
#使用範例:
- 项目 1
- 项目 2
- 项目 3
ul, li {
list-style-type: none; // 使用列表样式类型 none
}
# 效果:
圓形小點將被移除,並建立具有純文字內容的無序列表。
注意:
以上是html中ul和li標籤的點怎麼去掉的詳細內容。更多資訊請關注PHP中文網其他相關文章!