ul li 在css中设margin:0就没有小圆点了?

t.htm中内容如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>abc</title>
<link type="text/css" rel="stylesheet" href="t.css" />
</head>
<body>
<ul><li>bcd</li></ul>
</body>

------------
t.css中内容如下:
@charset "utf-8";
/* CSS Document */
ul,li{margin:0px;}

怎么这样列表项前的小圆点就不见了?而改为margin:1px; 后小圆点又出来了?
最新回答
盛夏之末

2022-11-20 08:50:35

去掉列表项前的小圆点,你的写法不正确,应该在t.css里面写ul{list-style-type:none;}
过期关系

2020-05-03 10:41:19

小圆点是显示在margin空间里的,margin空间为0了当然就看不到啦,但只是显示问题,要去除小圆点还得靠:list-style-type:none;
淡定是葱de风格じ丶

2021-09-06 11:06:08

小圆点并没有消失,只是移到浏览器显示区域外了,你看不到而已

验证:你可以将<ul>套个<div>,然后给<div>加个margin-left: 100px;就会看到小圆点了

代码如下:

  <div style="border: 1px solid #000;margin-left: 100px;">

    <ul>

      <li>内容1</li>

      <li>内容2</li>

    </ul>

  </div>

去掉<ul>的小圆点要设置 list-style-type: none;

吧唧你一口

2020-07-18 17:36:49

加上这个样式:body{ padding:10px;}
小圆点不是不见了,其实它是存在的,只是跑到浏览器外面去了
守护在此方

2022-02-25 03:33:37

你应该提供点代码的啊,把你的代码帖出来。
你试着把这行加到css代码的第一行:
ul li