Web Standards Solutions 網頁設計標準規格
邪惡的表格
根本就是表格:有些資料適合用表格
適合所有人的表格 caption
加上摘要 summary
表格的表頭 th
表頭與資料的關係 headers
使用abbr屬性 abbr
thead,tfoot,tbody:有順序性喔
表格邪惡嗎?
更多技巧
建立框線
table{ /*補齊框線*/
border-top: 1px solid #999;
border-left: 1px solid #999;
border-collapse: collapse; /*壓平間隙*/
}
caption{/*調整表頭的顯示效果*/
font-family: Arial, sans-serif;
color: #993333;
padding-bottom: 6px;
}
th, td{
border-right: 1px solid #999;
border-bottom: 1px solid #999;
padding: 10px; /*拉開間距*/
}
th{
font-family: Verdana, sans-serif;
background: #ccc;
padding-left: 26px;
background-repeat: no-repeat;
background-position: 10px 50%;
}
#year{ /*為id指定圖示*/
background-image: url(icon_year.gif);
}
#opponent{ /*為id指定圖示*/
background-image: url(icon_opp.gif);
}
#record{ /*為id指定圖示*/
background-image: url(icon_rec.gif);
}
全站熱搜
留言列表