CSS3.0表格樣式

table {
	border-collapse: collapse;
	width: 100%;
}
th, td {
	text-align: left;
	padding: 8px;
}
th {
	background-color: #4CAF50;
	color: white;
}
tr:nth-child(even) {
	background-color: #f2f2f2;
}
td:hover {
	background-color: #ddd;
}
/*調整表格寬度*/
@media screen and (max-width: 600px) {
	table {
width: 100%;
	}
table td, table th {
border: none;
display: block;
text-align: right;
	}
}

CSS3.0表格樣式能夠幫助我們實現更美觀的表格展示效果。在上面的代碼中，我們定義了表格的邊框樣式，以及表頭和內容單元格的樣式。我們還使用了nth-child選擇器來給偶數行添加背景顏色。此外，我們還使用了:hover偽類來實現當鼠標懸停在單元格上時的效果。最后，我們還添加了一個媒體查詢，來針對較小的屏幕尺寸來調整表格的寬度，以便更好的顯示在移動設備上。