利用ul制作表格上面的线和左边的线没法显示_html/css_WEB-ITnose

这是代码




ul{width:160px;margin:0px;padding:0px;}
li{float:left;width:50px;list-style-type:none;border-bottom:#000 solid 1px;border-right:#000 solid 1px;}
.border-t:{border-top:#888 solid 2px;}
.border-b:{border-top:#000 solid 1px;border-left:#000 solid 1px;}
.border-l:{border-left:#000 solid 2px;}




f
fsdg
nsbp


nsbp
f
fsdg


nsbp
f
fsdg


nsbp
f
fsdg




显示结果后表格最左边的和最上边没有边框

回复讨论(解决方案)

大哥。。。样式.border-t:{border-top:#888 solid 2px;}不能加‘:’。。。。然后你的有的是#888.。。。有的是#000 .。。。有的2像素。。。有的1像素。。。不懂了。。。我改了下。。。你看下是不是你想要的





ul{width:160px;margin:0px;padding:0px;}
li{float:left;width:50px;list-style-type:none;border-bottom:#000 solid 1px;border-right:#000 solid 1px;}
.border-t{border-top:#000 solid 1px;}
.border-b{border-top:#000 solid 1px;border-left:#000 solid 1px;}
.border-l{border-left:#000 solid 1px;}




f
fsdg
nsbp


nsbp
f
fsdg


nsbp
f
fsdg


nsbp
f
fsdg

太感谢了，就是那个问题，忽略掉了。

查看更多关于利用ul制作表格上面的线和左边的线没法显示_html/css_WEB-ITnose的详细内容...