ul li+ css 实线表格 兼容IE chrome FF
来源:互联网 发布:win10重置网络cmd命令 编辑:程序博客网 时间:2024/04/30 04:58
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ul li实线Table</title>
<style type="text/css">
.ultable
{
width: 600px;
}
.ultable ul
{
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
height: 30px;
width: 503px;
}
.ultable ul li
{
float: left;
list-style-type: none;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
text-align: center;
height: 30px;
line-height: 30px;
}
.w_100
{
width: 100px;
}
.w_150
{
width: 150px;
}
.w_250
{
width: 250px;
}
</style>
</head>
<body>
<div class="ultable">
<ul>
<li class="w_100">姓名</li>
<li class="w_150">性别</li>
<li class="w_250">出生日期</li>
</ul>
<ul>
<li class="w_100">张三</li>
<li class="w_150">男</li>
<li class="w_250">2007-4-30</li>
</ul>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ul li实线Table</title>
<style type="text/css">
.ultable
{
width: 600px;
}
.ultable ul
{
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
height: 30px;
width: 503px;
}
.ultable ul li
{
float: left;
list-style-type: none;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
text-align: center;
height: 30px;
line-height: 30px;
}
.w_100
{
width: 100px;
}
.w_150
{
width: 150px;
}
.w_250
{
width: 250px;
}
</style>
</head>
<body>
<div class="ultable">
<ul>
<li class="w_100">姓名</li>
<li class="w_150">性别</li>
<li class="w_250">出生日期</li>
</ul>
<ul>
<li class="w_100">张三</li>
<li class="w_150">男</li>
<li class="w_250">2007-4-30</li>
</ul>
</div>
</body>
</html>
0 0
- ul li+ css 实线表格 兼容IE chrome FF
- ul li+ css 实线表格
- JS操作表格(兼容IE,FF,CHROME)
- ul li css 的表格
- Css 兼容IE+,FF
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- <select>设置css height兼容性,兼容FF/IE/Safari/Chrome...
- ul和li的IE兼容
- 漂亮的css ul li table(表格)兼容IE8,IE9,FF21
- IE vs FF CSS 兼容
- IE FF CSS 兼容知识库
- JS全选代码,兼容IE,FF,Chrome
- Bcastr4 与 IE FF Chrome 全兼容
- 复制到剪切板 兼容(IE/FF/Chrome/..)
- 复制到剪切板 兼容(IE/FF/Chrome/..)
- 动态表格js兼容(ie.ff)
- 让LI排成一行(兼容FF,Chrome,IE7/8/9)
- JS实现栅栏式选项卡
- Linux系统启动流程
- Vuforia SDK全面更新:3.0版可实时生成虚拟场景和物体
- 关于MINA服务端源码分析
- Libevent基础
- ul li+ css 实线表格 兼容IE chrome FF
- 软件发布中遇到的错误和解决方案
- 第十四题(升序数组中寻找和为特定数的两个元素)
- 关于cocoapods的使用
- match_parent和fill_parent的区别
- iOS----statusBarOrientation设备状态
- MySQL存储过程中的3种循环
- 经纬财富:青岛白银五种常见K线形态
- Javascript刷新页面