要在 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:
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">ul, li { list-style-type: none; }</code>
登錄后復制
使用 before 偽元素和 content 屬性:
<code class="css">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%; }</code>
登錄后復制
使用示例:
<code class="html"><ul> <li>項目 1</li> <li>項目 2</li> <li>項目 3</li> </ul></code>
登錄后復制
<code class="css">ul, li { list-style-type: none; // 使用列表樣式類型 none }</code>
登錄后復制
效果:
圓形小點將被移除,并創建帶有純文本內容的無序列表。
注意:
上面提供的解決方案只適用于 Firefox、Chrome 和 Safari 等現代瀏覽器。
對于 Internet Explorer 等較舊瀏覽器,可能需要使用額外的 hack 或 JavaScript 來實現相同的效果。