主页 M

CSS学习教程:用dl dt dd来制作列表

2014-05-06 网页编程网 网页编程网

<h1>标题</h1>  
<div>  
  <dl>  
    <dt><a href="32">·博客里的文章是我自己写的!</a></dt>  
    <dd>作者:张三</dd>  
  </dl>  
  <dl>  
    <dt><a href="3232">·博客里的文章是我自己写的!</a></dt>  
    <dd>作者:张三</dd>  
  </dl>  
  <dl>  
    <dt><a href="3232">·博客里的文章是我自己写的!</a></dt>  
   <dd>作者:张三</dd>  
  </dl>  
</div>

很多人容易忽略 dl dt dd的用法
    dl 内容块
dt 内容块的标题
dd 内容
可以这么写:
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
dt 和dd中可以再加入 ol ul li和p
理解这些以后,在使用div布局的时候,会方便很多

dl:代表HTML自定义列表 
dt:代表HTML自定义列表组 
dd:HTML自定义列表描述

dt主要放label部分,dd主要放input或其他。

阅读原文
阅读 4343
123 显示电脑版