<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>选项卡</title>
<style type="text/css">
<!--
/* 初始化 */
body {
font: 12px/1 "宋体", SimSun, serif;
background:#fff;
color:#000;
}
dl,dt,dd {
margin:0;
padding:0; /* 清除浏览器默认的margin和padding值 */
}
.tabContentBox {
width:450px;
height:130px;
border:1px solid #069;
position:absolute;
top:22px;
left:0;
color:#999;
line-height:2em;
margin:5px;
}
/* 以下是对各项内容的CSS定义 */
dt,dd{
border-bottom: 1px dotted #9cf;
float:left;
color:#039;
}
dt {
width:50%;
font-size:1.1em;
margin-left:5px;
padding-left:12px;
background: url(http://www.webjx.com/files/090217/1_222128.png) no-repeat 5px 11px;
}
dd{
width:20%;
}
-->
</style>
</head>
<body>
<div class="tabContentBox">
<dl class="tabContent blog">
<dt>手工杀毒的一些心得！</dt>
<dd class="name">QUESTER</dd>
<dd>2009-01-10</dd>
<dt>Photoshop 的真人动漫效果</dt>
<dd class="name">snl</dd>
<dd>2009-01-10</dd>
<dt>网站内容结构化探讨</dt>
<dd class="name">豆猫</dd>
<dd>2009-01-10</dd>
<dt>Photoshop制作一张旧的黑桃A扑克牌</dt>
<dd class="name">greengnn</dd>
<dd>2009-01-10</dd>
<dt>Photoshop CS3教程</dt>
<dd class="name">amethyst01</dd>
<dd>2009-01-10</dd>
</dl>
</div>
</body>
</html>
分享到：
相关推荐
/dt>用来创建列表中的上层项目，<dd></dd>用来创建列表中最下层项目，<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间。看一下下边的例子您就会明白了：创建一个普通列表 <html> <head> <...
dl：Definition list 定义列表 dt：Definition title 定义标题 dd：Definition Description 定义描述 dt里是放置信息标题的，dd则是这个信息的简单概要的描述， 也就是说一个dt对应有一个dd来描述它 dd里面的内容...
非常实用的图文混排效果，左边图片，右边文字，很简洁，很实用，代码加图片~~
如果你仍然在使用传统table来创建数据列表，那么请继续往下看，看看使用HTML的dl、dt、dd标签是如何让你的工作更轻松… table数据列表 传统table的数据列表代码如下所示。我们要为每行添加tr标签，然后还要在其中为...
DL.DT.DD实现左右的布局简单例子
一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法
今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但是这样用出现两个比较麻烦的地方： 1、如果用UL还布局，右边一栏比较麻烦； 2、文字外边的边框自适应比较麻烦； 3、很可能要定死高度； 所以，细细...
DL-Dt-DD(做表格Css实现)，打破常规用UL 的方式
dl：定义列表 dt：定义标题 dd：定义描述 dt里是放置信息标题的，dd则是这个信息的简单概要的描述， 也就是说一个dt对应有一个dd来描述它 dd里面的内容可以是任意的，图片、文本甚至是视频或音频 多个类似的dt和dd...
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 方法/步骤 1无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表始于 <ul> 标签。每个列表项始于 。
贴出dl dt dd模拟表格实例，不推荐在实际项目中使用，可以了解dl dt dd的用法。测试浏览器：IE6\IE7\IE8\FF3.0 CSS: 复制代码代码如下: dl,dt,dd{ margin:0; background:#fff5fa; font-size:14px; } dl{ margin:0 ...
对于初学HTML的同学有帮助，参考参考……
现在，越来越多的前端开发er们开始使用xHTML+CSS替代最初的table布局完成网页的整体布局，... 如果你仍然在使用传统table来创建数据列表，那么请继续往下看，看看使用HTML的dl、dt、dd标签是如何让你的工作更轻松… ta
dl,dt,dd在什么时候适合使用呢？dt里是放置信息标题的，dd则是这个信息的简单概要的描述