+ -
当前位置:首页 → 问答吧 → 定义列表标签的<dd>如何和<ul>的<li>一样前面加个实心圆

定义列表标签的<dd>如何和<ul>的<li>一样前面加个实心圆

时间:2011-06-13

来源:互联网

各位老大,小弟刚学CSS,想问问如何实现<dl><dt><dd></dd></dt><dl>定义列表标签的<dd>如何和<ul>的<li>一样前面加个实心圆,我用list-style-type : disc 设置无法实现。。谢谢。
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style typt="text/css">
div{width:200px; background-color:#ccc;}
dt{color:#F60; font-size:14px; text-indent: 2em;  }
dd{font-size:12px; }
</style>
</head>
<body>
<div>
    <dl>
        <dt>家用电器</dt>
        <dd>大家电</dd>
        <dd>洗衣机</dd>
        <dd>电冰箱</dd>
        <dd>平板电视</dd> 
        <dd></dd>       
    </dl>
        <dl>
        <dt>日用百货</dt>
        <dd>肥皂</dd>
        <dd>洗衣粉</dd>
        <dd>纸巾</dd>
        <dd>洗衣水</dd>
        <dd></dd>        
    </dl>

</div>
</body>
</html>




现在就是差个效果,<dd>前面加个实心圆, 请大家帮忙一下,谢谢。

作者: huckleung   发布时间: 2011-06-13

使用背景图片 没有直接的css效果……

作者: inetfuture   发布时间: 2011-06-13

哦, 那也就只能如此了。我还以为有呢,呵呵。谢谢楼上的。

作者: huckleung   发布时间: 2011-06-13

像多级列表,用ul嵌套好呢还是用dl

作者: x_series   发布时间: 2011-06-13

热门下载

更多