DIV+CSS布局之定义列表

来源：互联网发布：车找人软件编辑：程序博客网时间：2024/06/05 10:19

定义列表的标签为： , 在有序列表里面<ol>配合<li>项目内容使用，而定义列表配合和使用，它们都不会有项目符合。

为了容易理解dt和dd的使用，打个比较形象的比喻：里放名词，里放名词的解释。

演示一下： -------------

育才天空网育才天空网是一个大学生计算机基础艺术设计交流论坛。

效果：

引用
育才天空网育才天空网是一个大学生计算机基础艺术设计交流论坛。

发现有点眉目了吧，就是DD会dt缩一点。 PS:平常我们经常看到一些购物网站，就会发现哦，比如：

引用

我们也试一下：

育才天空网版块 -------------------------------------------------------- <a href="http://www.yucaisky.com/thread.php?fid-9.html">天庭公告 <a href="http://www.yucaisky.com/thread.php?fid-26.html">工商天地专版 <a href="http://www.yucaisky.com/thread.php?fid-19.html">photoshop专版 <a href="http://www.yucaisky.com/thread.php?fid-20.html">艺术设计 <a href="http://www.yucaisky.com/thread.php?fid-16.html">网页设计 <a href="http://www.yucaisky.com/thread.php?fid-23.html">网站SEO <a href="http://www.yucaisky.com/thread.php?fid-25.html">资源下载 <a href="http://www.yucaisky.com/thread.php?fid-12.html">计算机基础 <a href="http://www.yucaisky.com/thread.php?fid-31.html">在线打印 <a href="http://www.yucaisky.com/thread.php?fid-13.html">天宫水区

效果：

引用
育才天空网版块--------------------------------------------------------

天庭公告工商天地专版 photoshop专版艺术设计网页设计

网站SEO 资源下载计算机基础在线打印天宫水区

上面的代码因为程序的原因替换掉了。