今后输出表格之范例div表格
导读：收集整理的这篇文章主要介绍了html5教程-今后输出表格之范例div表格，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 [htML] <!D...
收集整理的这篇文章主要介绍了html5教程-今后输出表格之范例div表格，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 [htML]!DOCTYPE html PubLIC "-//W3C//DTD XHTML 1.0 TransITional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html XMlns="https://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
title> DIV+CSS表格效果/title>
style type="text/css">
/**p 表格*/
.pTb{ www.2cto.COM
margin:10px;
width:501px; /*100*5+1*/
list-style: none;
}
.pTb ul,.pTb li{
margin:0;
padding:0;
}
.pTb li{
float:left;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
width: 99px; /*99px内空+1px外框*/
height: 33px;
line-height: 33px;
text-align: center;
}
.pTb li.r{
border-right:1px solid #ccc;
}
.pTb li.b{
border-bottom:1px solid #ccc;
}
/**E p 表格*/
/style>
/head>
body>
ul class="pTb">
li> 111/li>
li> 112/li>
li> 113/li>
li> 114/li>
li class="r"> 11r/li>
li> 111/li>
li> 112/li>
li> 113/li>
li> 112/li>
li class="r"> 11r/li>
li class="b"> 生活更美好/li>
li class="b"> /li>
li class="b"> /li>
li class="b"> /li>
li class="b r"> 11/li>
/ul>
/body>
/html>
[html]
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="https://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
title> DIV+CSS表格效果/title>
style type="text/css">
/**p 表格*/
.pTb{ www.2cto.com
margin:10px;
width:501px; /*100*5+1*/
list-style: none;
}
.pTb ul,.pTb li{
margin:0;
padding:0;
}
.pTb li{
float:left;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
width: 99px; /*99px内空+1px外框*/
height: 33px;
line-height: 33px;
text-align: center;
}
.pTb li.r{
border-right:1px solid #ccc;
}
.pTb li.b{
border-bottom:1px solid #ccc;
}
/**E p 表格*/
/style>
/head>
body>
ul class="pTb">
li> 111/li>
li> 112/li>
li> 113/li>
li> 114/li>
li class="r"> 11r/li>
li> 111/li>
li> 112/li>
li> 113/li>
li> 112/li>
li class="r"> 11r/li>
li class="b"> 生活更美好/li>
li class="b"> /li>
li class="b"> /li>
li class="b"> /li>
li class="b r"> 11/li>
/ul>
/body>
/html>
觉得可用，就经常来吧！ 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 今后输出表格之范例div表格
本文地址： https://pptw.com/jishu/586488.html