CSS3中引入了col屬性，用來設(shè)置表格列的樣式。

table {
width: 100%; /*表格占據(jù)整個容器寬度*/
border-collapse: collapse; /*合并邊框樣式*/
}
td {
padding: 10px; /*設(shè)置單元格內(nèi)的間距*/
border: 1px solid #ccc; /*設(shè)置單元格邊框*/
}
/*設(shè)置第一列的背景色為灰色*/
td:first-child {
background-color: #ccc;
}
/*設(shè)置第二列的文本樣式為粗體*/
td:nth-child(2) {
font-weight: bold;
}
/*設(shè)置第三列的寬度為100像素*/
td:nth-child(3) {
width: 100px;
}

以上代碼演示了如何使用col屬性，將每一列的樣式分別設(shè)置。

/*設(shè)置第一列的樣式*/
table col:first-child {
background-color: #ccc;
}
/*設(shè)置第二列的樣式*/
table col:nth-child(2) {
font-weight: bold;
}
/*設(shè)置第三列的樣式*/
table col:nth-child(3) {
width: 100px;
}

從以上代碼可以看出，使用col屬性可以更方便地對每一列進(jìn)行樣式設(shè)置，并且使樣式更加清晰。