我有问题造型表

我必须建立这个表格布局。有人可以帮助我吗？我有问题造型表

enter image description here

我有一些列的虚线边框，并在头一个白色边框，我不知道如何做的东西。我对CSS有点新鲜。

帮助非常感谢。

编辑一个----

我做的尝试是：

.my_network_table { 

    margin-left: 25%; 
    margin-right: auto; 

    border-collapse: separate; 
    border-spacing: 0; 
    table, td { 
    border: 1px solid black; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    padding: 5px; 
    border-collapse:separate; 
    border: solid #ccc 1px; 
    border-top-left-radius: 10px 10px; 
    border-top-right-radius: 10px 10px; 
    border-bottom-left-radius: 0px 0px; 
    border-bottom-right-radius: 0px 0px; 
    } 

    thead tr { 
    background-color: black; 
    color: white; 
    padding: 5px; 
    border-right: 1px solid white; 
    } 

}

但该表是远离预期的结果。

来源

2014-09-03 halbano

尝试'日{边界：无;}' – 2014-09-03 06:55:58

哪有我将标题背景颜色调整为角落半径？ – halbano 2014-09-03 07:03:59

你可以为此创建一个jsfiddle，我会尽力为你解决它吗？ – 2014-09-03 07:04:28

它可以帮助你，

.my_network_table { 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-collapse: separate; 

    border-top-right-radius: 20px 20px; 
    border-spacing: 0;} 
tbody td { 
    border: 1px solid black; 
    padding: 5px; 
    border-collapse:separate; 
    border-right: dotted #ccc; 
    border-left: dotted #ccc; 
    border-bottom: dotted #ccc; 
    border-top: none; 
    } 
thead td { 
    border: 1px solid white; 
    padding: 5px; 
    border-collapse:separate; 

    } 
    thead tr { 
    background-color: black; 
    color: white; 
    padding: 5px; 
    border-right: 1px solid white; 
    } 

.tdfirst{ 
    border-top-left-radius: 10px 10px; 
} 
.tdlast{ 
    border-top-right-radius: 10px 10px; 
}

这里是一个Fiddle Demo

基于代码的小提琴被HERE

来源

2014-09-03 07:16:00 Sam1604

非常感谢的人！它的布局非常接近。 – halbano 2014-09-03 07:49:54

我有问题造型表

回答

相关问题