css,table,,

[HTML-CSS] コピペですぐに使える「table」のコードサンプル - Webworker's Clip

Webworker's Clip
http://webworkersclip.com/2875/






html   
項目名   
内容がはいります。
項目名
内容がはいります。
項目名
内容がはいります。

Webworker's Clip
http://webworkersclip.com/2875/








css
table.type02 {
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
table.type02 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #eee;
}
table.type02 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

Webworker's Clip
http://webworkersclip.com/2875/