问题:

I am using dl, dt and dd tags in one of my projects. I want to show a bullet before dd. How can I make my dds into a bullet list using CSS?

回答1:

Easiest way is to change the properties on your <dd>

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

Works in every browser.

See this article: http://www.quirksmode.org/css/display.html

回答2:

Use a background-image.

Or try:

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

No idea if it will work though.

回答3:

tested it in firefox and just adding the style display:list-item should do the trick

回答4:

You can either use the style attribute in the "dd" tag, or move that to a "style" section as a class or id. Since the dl is a list type you do not need the "display: list-item;" I think, might also be wrong. Anyways This might be used. Instead of the disc, you might use other types (look at 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>

Hope this helps.

Add bullet styling to dd element

问题:

回答1:

回答2:

回答3:

回答4:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮