展会信息港展会大全

css div 实例三行三列教程
来源:互联网   发布日期:2016-03-25 15:57:23   浏览:2218次  

导读:代码如下 复制代码 !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=utf-...

代码如下

复制代码

<!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=utf-8" />

<title>无标题文档</title>

<style type="text/css">

.list0{

font-size:12px;

width:220px;

}

.list0 img{

padding-right:3px;

}

.list0 li{

border-bottom:dashed 1px #DDD;

padding-left:5px;

list-style:none;

line-height:22px;

}

.list0 li a{

color:#666;

width:70px;

display:block;

float:left;

text-decoration:none;

}

</style>

</head>

<body>

<ul class="list0">

<li><a href="#"><img src="/images/1.gif" width="15" height="11" border="0" />姓名</a> <a href="#">出租(<span class="f-red">12</span>)</a><a href="#">出售(<span class="f-red">13</span>)</a></li>

<li><a href="#"><img src="/images/1.gif" width="15" height="11" border="0" />姓名</a> <a href="#">出租(<span class="f-red">12</span>)</a><a href="#">出售(<span class="f-red">13</span>)</a></li>

<li><a href="#"><img src="/images/1.gif" width="15" height="11" border="0" />姓名</a> <a href="#">出租(<span class="f-red">12</span>)</a><a href="#">出售(<span class="f-red">13</span>)</a></li>

<li><a href="#"><img src="/images/1.gif" width="15" height="11" border="0" />姓名</a> <a href="#">出租(<span class="f-red">12</span>)</a><a href="#">出售(<span class="f-red">13</span>)</a></li>

<li><a href="#"><img src="/images/1.gif" width="15" height="11" border="0" />姓名</a> <a href="#">出租(<span class="f-red">12</span>)</a><a href="#">出售(<span class="f-red">13</span>)</a></li>

<li><a href="#"><img src="/images/1.gif" width="15" height="11" border="0" />姓名</a> <a href="#">出租(<span class="f-red">12</span>)</a><a href="#">出售(<span class="f-red">13</span>)</a></li>

<li><a href="#"><img src="/images/1.gif" width="15" height="11" border="0" />姓名</a> <a href="#">出租(<span class="f-red">12</span>)</a><a href="#">出售(<span class="f-red">13</span>)</a></li>

</ul>

</body>

</html>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港