繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
- CSS样式表
- HTML中的数据绑定
- CSS定义通用透明效果
- 一段巧妙的css debug代码
- 布局遇到的问题 非常不错的见解
- 利用CSS控制SELECT中的OPTION是否不允许选
- CSS也能控制表格的交替颜色
- CSS之自动换行
- IE7 beta2的CSS兼容性
- 学习Xhtml+CSS2的一些心得体会
- 网页设计中色彩搭配的内涵
- 表格边框的css语法
- 让comment标记在各浏览器都能通用
- 标准化——表格
- IE图片下空隙问题解决方法集合
- 用DIV+CSS如何实现这种表格效果
- 相对路径与绝对路径的区别
- 关于居中布局和IE双倍边距bug
- 块元素block element和内联元素inline element
- CSS做一个超链接的陷下效果
- 图片翻转菜单技术研究
CSS样式表 中的 用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 200 ::
收藏到网摘: n/a
代码如下:
<html>
<head>
<style>
<!--
#table {
width:701px!important;
width:700px;
border-top:1px #000 solid;
}
#table ul {
margin:0px;
padding:0px;
width:701px!important;
width /**/:700px;
list-style-type:none;
border-bottom:0px #000 solid;
border-left:0px #000 solid;
}
#table li {
float:left;
display:block;
margin:0px;
padding:0px;
width:139px!important;
width:139px;
width /**/:140px;
border-right:1px #000 solid;
border-bottom:1px #000 solid;
}
-->
</style>
</head>
<body>
<center>
用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
<div id="table" style="margin-left:auto; margin-right:auto; text-align:center">
<ul style="background-color:Silver; color:red">
<li style="border-left:1px #000 solid;">项目编号</li>
<li style="letter-spacing:3pt">网址</li>
<li>名称</li>
<li>从事业务</li>
<li>联系电话</li>
</ul>
<ul>
<li style="border-left:1px #000 solid;">1</li>
<li>www.ruanchen.com</li>
<li><a href="http://www.ruanchen.com">软晨学习网</a></li>
<li>400电话申请</li>
<li>4006-1234-10</li>
</ul>
<ul>
<li style="border-left:1px #000 solid;">2</li>
<li >www.ruanchen.com</li>
<li><a href="http://www.ruanchen.com">软晨学习网</a></li>
<li>中文搜索</li>
<li>无</li>
</ul>
<ul>
<li style="border-left:1px #000 solid;">3</li>
<li>www.baidu.com</li>
<li><a href="http://www.baidu.com">百度 </a></li>
<li>新闻娱乐体育</li>
<li>无</li>
</ul>
</div>
</center>
</body>
</html>
评论 (0) All
