css为什么两条线的粗细不一样

html-css014

css为什么两条线的粗细不一样,第1张

先看看网页是不是100%显示,网页缩放可能会影响界面的显示。这牵涉到显示器显示问题,当某个像素(某条线)的位置在显示器两个物理像素之间(比如2.3px,5.7px),可能会只占用左或右的像素,也可能2个像素都占用。

可以通过设置单元格元素td的边框样式来实现:

border: width style color  /*分别设置边框的粗细、样式和颜色*/

示例如下:

在HTML代码中给出两个表格

<table class="tb1">

<tr><td>有</td><td>志</td><td>者</td></tr>

<tr><td>事</td><td>竟</td><td>成</td></tr>

</table>

<table class="tb2">

<tr><td>苦</td><td>心</td><td>人</td></tr>

<tr><td>天</td><td>不</td><td>负</td></tr>

</table>

分别设置不同的样式

table{ /* 表格整体样式 */

margin:50px  /* 外边距50px */

border-collapse:collapse /* 合并为单一的边框线 */

}

/* 设置tb1类的表格样式 */

table.tb1 td{padding:10pxborder:1px solid green}

/* 设置tb2类的表格样式 */

table.tb2 td{padding:20pxborder:5px dashed blue}

最终效果如下

1、检查样式是否有问题(少用iframe,会带来一些问题)2、检查是不是有空的tab单元格,空单元格因为没有内容,会使两边的边框在一起,看起来就会有点粗,而且这个样式表也是查不出问题的。1楼说的用火狐或谷歌浏览器的调试功能应该是能查出这个问题。谷歌浏览器按F12进入调试,火狐是鼠标右键 然后“Q”键。祝好运。