dl dt dd实现制作列表

最新推荐文章于 2021-07-02 04:35:39 发布

lting19880817

最新推荐文章于 2021-07-02 04:35:39 发布

阅读量234

点赞数 1

分类专栏： CSS、THML 文章标签： CSS XHTML HTML 浏览器 Blog

CSS、THML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!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>

lting19880817

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
dl dt dd实现制作列表

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;
复制链接

扫一扫

专栏目录