CSS border | html table border
CSSborder-collapse屬性的功能是用來將表格欄位邊框合併,讓表格變得更美化,網頁設計師常透過border-collapse屬性的separate或collapse屬性值,將表格欄位的邊框距離加大或是合併在一起,border-collapse常與border-spacing屬性搭配在一起設計,取代傳統HTML表格的cellspacing功能,並獲得更擴展的設計空間,幾乎所有主流的瀏覽器都支援CSSborder-collapse屬性的效果。CSSborder-collapse屬性語法border-collapse:參數值;CSSborder-collapse屬性的參數值有三個,分別為separate、collapse以及inherit,寫法如下。border-collapse:sep...
CSS border-collapse 屬性的功能是用來將表格欄位邊框合併,讓表格變得更美化,網頁設計師常透過 border-collapse 屬性的 separate 或 collapse 屬性值,將表格欄位的邊框距離加大或是合併在一起,border-collapse 常與 border-spacing 屬性搭配在一起設計,取代傳統 HTML 表格的 cellspacing 功能,並獲得更擴展的設計空間,幾乎所有主流的瀏覽器都支援 CSS border-collapse 屬性的效果。CSS border-collapse 屬性語法
border-collapse: 參數值;
CSS border-collapse 屬性的參數值有三個,分別為 separate、collapse 以及 inherit,寫法如下。border-collapse:separate; //預設值,邊框彼此間分開border-collapse:collapse; //邊框合併為單一邊框border-collapse:inherit; //繼承自父層的 border-collapse 屬性值。第三種屬性值 inherit 較不受到 IE 瀏覽器的支持,建議不要使用。CSS border-collapse 屬性範例一、使用屬性值 separate
<style type="text/css"><!--table{ border-collapse:separate; collapse;border:1px solid black;}td{ collapse;border:1px solid black;}--></style><table><tr><td>使用 border-collapse 後的表格</td><td>使用 border-collapse 後的表格</td></tr><tr><td>使用 border-collapse 後的表格</td><td>使用 border-collapse 後的表格</td></tr></table&g...