当前位置: 主页 > 网页制作 > CSS > 用dl dt dd模拟表格

用dl dt dd模拟表格

时间:2009-9-18来源:互联网 点击:

复制粘贴此代码,浏览其效果~

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>dl制作的表格</title>
<style type="text/css">
*{margin:0;padding:0;font:14px/20px ‘宋体‘; color:red;}
dl{width:353px;border-top:1px solid #ccc;margin-top:30px;margin-left:20px;}
dt{float:left;width:80px;border:1px solid #ccc;border-top:0;text-align:right;height:20px;}
dd{float:left;padding-left:10px;width:260px;border-bottom:1px solid #ccc; border-right:1px solid #ccc;height:20px;position:relative;}
p{border-left:1px solid #ccc;width:180px;height:20px;position:absolute;top:0;right:0;padding-left:10px;}
span{border-right:1px solid #ccc;width:80px;float:left;margin-right:10px;}
</style>
</head>
<body>
<dl>
 <dt>公司名称:</dt><dd>白云山制药股份有限公司豫粤制药厂</dd>
 <dt>联系人:</dt><dd>经理<p><span>手机:</span>136852657</p></dd>
 <dt>联系电话:</dt><dd>0372-6215278 6213702</dd>
 <dt>联系传真:</dt><dd>0372-6215278 6213702</dd>
 <dt>邮编:</dt><dd>113702<p><span>QQ:</span>136852657</p></dd>
 <dt>地址:</dt><dd>安阳市汤阴县永通路东段</dd>
 <dt>网址:</dt><dd>http://</dd>
 <dt>E-mail:</dt><dd>123#163.com</dd>
</dl>
</body>
</html>

站长资讯网
. TAG: dl dt dd模拟表格

查看[用dl dt dd模拟表格]所有评论
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:
关于我们 | 友情链接 | 网址推荐 | 常用资讯 | 网站地图 | RSS | 网站留言