昨夜今晨：小米澎程新车定档9月7日发布 特努斯目标薪酬近4亿元 新豆包手机计划本月上市
2026-09-03
CSS技巧——用UL实现非Table四行三列布局
本页的CSS代码利用CSS将UL模仿出了表格的效果。不过小菜鸟本人到是不推荐这样为了避免使用表格而“不择手段”。
<html>
<head>
<title>test</title>
<style type="text/css">
ul{
margin:0px;
padding:0px;
width:200px;
}
ul li{
float:left;
list-style-type:none;
border-top:#000 solid 1px;
border-left:#000 solid 1px;
width:65px;
}
.border-r{
border-right:#000 solid 1px;
}
.border-b{
border-bottom:#000 solid 1px;
}
.border-l{
border-right:#000 solid 1px;
border-bottom:#000 solid 1px;
}
</style>
</head>
<body>
<ul>
<li> </li>
<li> </li>
<li class="border-r"> </li>
</ul>
<ul>
<li> </li>
<li> </li>
<li class="border-r"> </li>
</ul>
<ul>
<li> </li>
<li> </li>
<li class="border-r"> </li>
</ul>
<ul>
<li class="border-b"> </li>
<li class="border-b"> </li>
<li class="border-l"> </li>
</ul>
</body>
</html>、
<head>
<title>test</title>
<style type="text/css">
ul{
margin:0px;
padding:0px;
width:200px;
}
ul li{
float:left;
list-style-type:none;
border-top:#000 solid 1px;
border-left:#000 solid 1px;
width:65px;
}
.border-r{
border-right:#000 solid 1px;
}
.border-b{
border-bottom:#000 solid 1px;
}
.border-l{
border-right:#000 solid 1px;
border-bottom:#000 solid 1px;
}
</style>
</head>
<body>
<ul>
<li> </li>
<li> </li>
<li class="border-r"> </li>
</ul>
<ul>
<li> </li>
<li> </li>
<li class="border-r"> </li>
</ul>
<ul>
<li> </li>
<li> </li>
<li class="border-r"> </li>
</ul>
<ul>
<li class="border-b"> </li>
<li class="border-b"> </li>
<li class="border-l"> </li>
</ul>
</body>
</html>、
more
评论 {{userinfo.comments}}
-
{{child.nickname}}
{{child.create_time}}{{child.content}}
{{money}}元
{{question.question}}
提交
昨夜今晨：新一代豆包手机获入网许可 手机品牌集体涨价 罗永浩吐槽车载AI
2026-09-02
昨夜今晨：长鑫存储起诉美国国防部 追觅起诉小红书 上海电信再次突发大范围网络故障
2026-08-31
昨夜今晨：四部门联合集中整治车辆可靠性耐久性等问题 星宇股份就批量劝退应届生致歉
2026-08-28
石头G30S Ultra评测：75℃热活水+8.98cm机身 滚筒活水洗地走向成熟
2026-08-27
驱动号 更多
