HTML中table表格標簽常用屬性講解

HTML頁面經常需要建立一個表格來展示內容 , 這時辰就需要用到表格的屬性來美化表格 , 常見的屬性有邊框、顏色、間距、布景等 。 下面介紹HTML表格的常用屬性 。

方式/
1新建一個HTML文件 , 并建立一個二行三列的表格 。 在瀏覽器運行代碼 , 結果如下:


HTML中table表格標簽常用屬性講解



HTML中table表格標簽常用屬性講解



2表格邊框屬性 。 table表格經由過程border來設置邊框屬性 , border值越大 , 邊框越粗 , 默認單元為px 。


HTML中table表格標簽常用屬性講解



HTML中table表格標簽常用屬性講解



3歸并兩列的單位格 。 經由過程colspan屬性來設置歸并的列數 , 例如 , 橫跨兩列的單位格設置方式如下:

HTML中table表格標簽常用屬性講解



HTML中table表格標簽常用屬性講解



4【HTML中table表格標簽常用屬性講解】歸并兩行的單位格 。 經由過程rowspan屬性來設置歸并的行數 , 例如 , 橫跨兩行的單位格設置方式如下:

HTML中table表格標簽常用屬性講解



HTML中table表格標簽常用屬性講解



5表格中單位格邊距屬性 。 經由過程cellpadding屬性來設置單位格的邊距 , 默認單元為PX , 值越大 , 邊距越大 。

HTML中table表格標簽常用屬性講解



HTML中table表格標簽常用屬性講解



6表格中單位格間距屬性 。 經由過程cellspacing屬性來設置單位格的間距 , 默認單元為PX , 值越大 , 間距越大 。

HTML中table表格標簽常用屬性講解



HTML中table表格標簽常用屬性講解



7表格布景顏色屬性 。 經由過程bgcolor屬性來設置表格的布景顏色 , 撐持色值和英文顏色值 。 例如 , 下面設置表格的布景顏色為紅色 。

HTML中table表格標簽常用屬性講解



HTML中table表格標簽常用屬性講解




以上內容就是HTML中table表格標簽常用屬性講解的內容啦 , 希望對你有所幫助哦!

猜你喜歡