在 CSS 中,我們可以使用表格樣式來創(chuàng)建表格,其中可以通過設置表格邊框、表格單元格樣式和行高等屬性來實現(xiàn)表格的基本樣式。但是,有時候我們需要在表格中間添加一條橫線,以分隔行。在這種情況,我們可以使用 CSS 的 `border-left` 屬性來添加一條橫線。
下面是一個示例代碼,展示了如何在表格中間添加一條橫線:
```css
table {
border-collapse: collapse;
width: 100%;
th, td {
border: 1px solid #ccc;
padding: 8px;
border-left: 1px solid #ccc;
在上面的代碼中,我們使用 `border-collapse: collapse;` 屬性來確保表格的邊框和內(nèi)邊距合并成一個,`width: 100%;` 屬性來設置表格寬度為100%。然后,我們使用 `border: 1px solid #ccc;` 屬性來設置表格邊框,`padding: 8px;` 屬性來設置表格單元格的padding。最后,我們使用 `border-left: 1px solid #ccc;` 屬性來添加表格中間橫線。
通過上述代碼,我們可以在表格中間添加一條橫線,并且這條橫線不會破壞表格的基本樣式,同時也不會影響表格的單元格內(nèi)容。
上一篇按鈕高度 css
下一篇css中表格的行高如何寫