发表新帖
发表新帖

Add bullet styling to dd element

前端 未结
关注
4 787
春和景丽
春和景丽 2020-12-16 12:26

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 dd

相关标签:
4条回答
  • 予麋鹿
    2020-12-16 13:10

    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

    0 讨论(0)
  • -上瘾入骨i
    2020-12-16 13:13

    Use a background-image.

    Or try:

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

    No idea if it will work though.

    0 讨论(0)
  • 逝去的感伤
    2020-12-16 13:19

    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.

    0 讨论(0)
  • 抹茶落季
    2020-12-16 13:24

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

    0 讨论(0)
 看不清?
提交回复
热议问题