如何使HTML列表不顯示使用CSS的子彈標誌？

Question

我有一個HTML列表。瀏覽器應該看到列表的存在並相應地排列元素，但是我不希望它在每個元素旁邊顯示一個項目符號。也就是說，一個正常的列表顯示如下：

• 文本一
• 化文本B
• 文C

我希望我的列表中顯示爲：

text A
text B
文C

Answer 1

ul { list-style: none; } 

這擺脫了要點的。現在，你可以繼續在你的榜樣樣式分配給空間出來一樣，如果這是你真正想要的是什麼：

li { padding: 5px 0; } 

如果你也不想取出子彈後縮進列表，它會採取另一種位，像這樣：

ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 

如果你不都margin和padding設置爲0，它要麼向右看在FF或IE瀏覽器，但不能同時

Answer 2

使用

list-style:none; 

樣式爲< ul>標籤

Answer 3

list-style-type：upper-roman;

Answer 4

另外，這個link有一些很好的例子來學習html列表的樣式。

Answer 5

或者，你也可以使用一個definition list（dl，dt，dd）沒有定義的術語（dt元素）。

<dl> 
    <dd>text A</dd> 
    <dd>text B</dd> 
    <dd>text C</dd> 
</dl> 

但是從語義我認爲一個無序列表（ul，li）適合你的特殊目的更好:)因此，與只是一塊好的CSS的繼續由埃裏克解釋。

Answer 6

<ul style="list-style-type:none"></u> 

通過將樣式類型設置爲none，項目符號不會顯示。