ASP.NET, DEV, PHP, PHP, WEB, WEBUI

CSS 去除列表项li前面的小圆点

Comment

CSS 去除列表项li前面的小圆点

有两种方法：

  1. 将 ul 换成 ol
  2. 给li 添加样式：
    list-style-type:none;

—测试示例—

 
 

<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8″>

<title>test</title>

</head>

<body>

 
 

<h4>无序列表1:</h4>

<ul>

<li style=”list-style-type:none;”>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ul>

 
 

<h4>无序列表2:</h4>

<ol>

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ol>        

 
 

</body>

</html>

 
 

 
 

 
 

— 运行结果—

 
 

无序列表1:

Coffee

  • Tea
  • Milk

     
     

无序列表2:

  1. Coffee
  2. Tea
  3. Milk

 
 

 
 

 
 

 
 

Leave a Comment