當前位置:編程學習大全網 - 行動軟體 - css怎麽控制表格的邊框粗細,還要顯示線條和顏色

css怎麽控制表格的邊框粗細,還要顯示線條和顏色

可以通過設置單元格元素td的邊框樣式來實現:

border:?width?style?color;/*分別設置邊框的粗細、樣式和顏色*/

示例如下:

在HTML代碼中給出兩個表格

<table?class="tb1">

<tr><td>有</td><td>誌</td><td>者</td></tr>

<tr><td>事</td><td>竟</td><td>成</td></tr>

</table>

<table?class="tb2">

<tr><td>苦</td><td>心</td><td>人</td></tr>

<tr><td>天</td><td>不</td><td>負</td></tr>

</table>

分別設置不同的樣式

table{?/*?表格整體樣式?*/

margin:50px;/*?外邊距50px?*/

border-collapse:collapse;?/*?合並為單壹的邊框線?*/

}

/*?設置tb1類的表格樣式?*/

table.tb1?td{padding:10px;border:1px?solid?green;}

/*?設置tb2類的表格樣式?*/

table.tb2?td{padding:20px;border:5px?dashed?blue;}

最終效果如下

  • 上一篇:ping是什麽意思,有什麽作用
  • 下一篇:移動硬盤在打開的時候提示“無法訪問,文件或目錄損壞且無法讀取”
  • copyright 2024編程學習大全網