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);
  }



創作者介紹

神鵰蝦

jck11 發表在 痞客邦 PIXNET 留言(0) 人氣()