使用具有顶部和底部边框的CSS格式化表
使用具有顶部和底部边框的CSS格式化表
提问于 2012-02-09 15:39:08
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
li {
display:inline;
list-style-type:none;
padding-left:1em;
margin-left:1em;
border-left:1px solid #ccc;
}
li:first-child {
border-left:none
}
</style>
</head>
<body>
<table cellspacing="0px;" style="border-top-width:0.1px;
border-top-style:solid;border-top-color:#ccc; border-bottom-color:#ccc;
border-bottom-style:solid; border-bottom-width:0.1px;">
<tr>
<td>
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</td>
</tr>
</table>
</body>
当我运行的代码在谷歌铬顶部和底部边框不显示，而在IE中，他们是。，我还想增加li标签之间的分隔线高度，是我跟踪的正确的approach.Can，任何人帮助
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-02-09 15:46:55
使用
border-top-width:1px;而不是
border-top-width:0.1px;您的度量是像素，但是您的语法就像是在使用em的。
这个问题在您的cellspacing标记中也很明显。
Stack Overflow用户
发布于 2012-02-09 15:46:17
将0.1px更改为1px --一个像素是最小的屏幕单元，您不能显示像素的.5或.1 :)在IE中，边框会显示出来，因为它会转到1px，而其他浏览器则会将其设置为0px。
Stack Overflow用户
发布于 2012-02-09 15:45:35
像素是视觉显示的最小单位。没有像0.1px;这样的东西。虽然这在某些情况下可能有效，但它是完全不标准的，所以不要依赖它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9213882
复制相关文章
相似问题
腾讯云开发者
