Question

我在其中一个项目中使用了dl，dt和dd标记。我想在dd之前展示一颗子弹。如何使用CSS将dd变成子弹列表？

Answer 1

最简单的方法是更改<dd>

上的属性

dd {
    display: list-item;
    list-style-type: disc;
    }

适用于所有浏览器。

请参阅此文章：http://www.quirksmode.org/css/display.html

Answer 2

使用背景图片。

或尝试：

dd
{
    display: list-item;
    list-style-type: disc;
}

不知道它是否会奏效。

Answer 3

在firefox中测试它，只是添加样式显示：list-item应该做的伎俩

Answer 4

您可以使用“dd”标记中的style属性，也可以将其移至“样式” 作为一个类或id的部分。由于dl是列表类型，因此您不需要 “display：list-item;”我想，也可能是错的。无论如何这可能会被使用。您可以使用其他类型（请查看http://www.w3schools.com/css/pr_list-style-type.asp）...

而不是光盘

<html>
  <body>
    <dl>
      <dt>Term</dt>
      <dd style="display: list-item;">Term description</dd>
    </dl>
  </body>
</html>

希望这有帮助。

将子弹样式添加到dd元素

4 个答案: