细线表格的做法(超简单)

粗线表格

为什么会出现粗线表格?

细线表格的做法(超简单)_第1张图片

样式:

        table,th,td{
     
            border: 1px solid orange;
        }

原因分析:

细线表格的做法(超简单)_第2张图片

两个盒子的边框重叠在一起,形成了2px像素的边框

细线表格

如何设置细线表格?

细线表格的做法(超简单)_第3张图片

样式:

   table,th,td{
     
            border: 1px solid orange;
            border-collapse: collapse;
        }

代码:




    
    
    Document
    


    "margin: 100px auto;"  cellspacing="1" cellpadding="5">
        
排名 关键词 今日搜素 最近七日
1 鬼吹灯 356 3560
1 鬼吹灯 356 3560
1 鬼吹灯 356 3560
1 鬼吹灯 356 3560

你可能感兴趣的:(细线表格的做法(超简单))