1. 爱易网页
  2. HTML教程
  3. 高手求教请教上做一个4行3列的表格不用TABLE怎么用ul li代码写

高手求教请教上做一个4行3列的表格不用TABLE怎么用ul li代码写

日期：2014-05-17　 浏览次数：20743 次

高手求教请问下做一个4行3列的表格不用TABLE如何用ul li代码写
高手求教请问下做一个4行3列的表格不用TABLE如何用ul li代码写

------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title> New Document </title>
<style>
*{margin:0;padding:0;}
body{font-size:12px; background:#fff;}
span,em,i{font-style:normal;}
ul li{display:block; height:25px; line-height:25px; margin-bottom:5px;}
ul li span,ul li em,ul li i{display:inline-block; width:60px; height:30px;background:red;}
ul li em{background:green}
ul li i{background:yellow;}
</style>
</head>

<body >
<div class="">
<ul>
<li><span>第一列</span><em>第二列</em><i>第三列</i></li>
<li><span>第一列</span><em>第二列</em><i>第三列</i></li>
<li><span>第一列</span><em>第二列</em><i>第三列</i></li>
<li><span>第一列</span><em>第二列</em><i>第三列</i></li>
</ul>
</div>
</body>
</html>

相关资料更多>

  1. 浮雕效果是如何实现的
  2. HTML DOM setInterval() 步骤 和 clearIntval()方法
  3. 在器皿内使用CSS设置背景颜色
  4. 急求教，在两个htm页面传参数时汉语出现了乱码，试了网上的方法不管用
  5. 无法启动此程序，因为计算机中丢失LIBMYSQL.dll ROR网页开发有关问题
  6. 这边为什么 无法获取 宽 高
  7. HTML5瀛︿範绗旇(鍥?Geolocation API
  8. (转）HTML5轨范中微数据MicroData浅析
  9. 惯用的CSS属性的英文单词总结及用法、解释