<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>美化自定义列表</title>
</head>
<style>
*{margin:0;padding:0;}
body{font-size:12px;
line-height:1.8;
padding:10px;
}
dl{
clear:both;/*不允许有浮动对象*/
margin-botton:5px;
float:left;
}
dt,dd{
padding:2px 5px;float:left;border:1px soild #3366FF;width:100px;
}
dd{
position: absolute;
right: 5px;
}
h1{
clear:both;font-size:14px;
}
</style>
<body>
<h1>全部日志</h1>
<div>
<dl>
<dt><a href="#">笑</a></dt><dd>(0/1)</dd></dl>
<dl><dt><a href="#">我们还能吃什么></a><dd>(0/8)</dd></dt></dl>
<dl><dt><a href="@">太有才了</a></dt><dd>(0/6)</dd>
</dl>
</div>
</body>
</html>
【HTNML】美化自定义列表
最新推荐文章于 2024-04-29 18:25:35 发布