小編給大家分享一下如何使用CSS表格屬性，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)一直在為企業(yè)提供服務(wù)，多年的磨煉，使我們在創(chuàng)意設(shè)計，網(wǎng)絡(luò)營銷推廣到技術(shù)研發(fā)擁有了開發(fā)經(jīng)驗。我們擅長傾聽企業(yè)需求，挖掘用戶對產(chǎn)品需求服務(wù)價值，為企業(yè)制作有用的創(chuàng)意設(shè)計體驗。核心團(tuán)隊擁有超過10年以上行業(yè)經(jīng)驗，涵蓋創(chuàng)意，策化，開發(fā)等專業(yè)領(lǐng)域，公司涉及領(lǐng)域有基礎(chǔ)互聯(lián)網(wǎng)服務(wù)德陽機(jī)房服務(wù)器托管、成都App制作、手機(jī)移動建站、網(wǎng)頁設(shè)計、網(wǎng)絡(luò)整合營銷。

表格邊框

如需在 CSS 中配置表格邊框，請使用 border 屬性。

上面的例子為 table、th 以及 td 配置了藍(lán)色邊框：

table, th, td
  {
  border: 1px solid blue;
  }

親自試一試

請把穩(wěn)，上例中的表格具有雙線條邊框。這是因為 table、th 以及 td 元素都有獨立的邊框。

假設(shè)重要把表格體現(xiàn)為單線條邊框，請運用 border-collapse 屬性。

折疊邊框

border-collapse 屬性設(shè)置是否將表格邊框折疊為繁多邊框：

table
  {
  border-collapse:collapse;
  }

table,th, td
  {
  border: 1px solid black;
  }

切身試一試

表格寬度和高度

經(jīng)由過程 width 與 height 屬性定義表格的寬度和高度。

下面的例子將表格寬度設(shè)置裝備擺設(shè)為 100%，同時將 th 元素的高度設(shè)置為 50px：

table
  {
  width:100%;
  }

th
  {
  height:50px;
  }

親身試一試

表格文本對齊

text-align 與 vertical-align 屬性設(shè)置表格中文本的對齊方式。

text-align 屬性設(shè)置水平對齊門徑，好比左對齊、右對齊籠統(tǒng)居中：

td
  {
  text-align:right;
  }

親身試一試

vertical-align 屬性設(shè)置垂直對齊方法，比方頂部對齊、底部對齊或居中對齊：

td
  {
  height:50px;
  vertical-align:bottom;
  }

切身試一試

表格內(nèi)邊距

如需管制表格中內(nèi)容與邊框的隔斷，請為 td 和 th 元素配置 padding 屬性：

td
  {
  padding:15px;
  }

親身試一試

表格顏色

下面的例子設(shè)置邊框的色彩，以及 th 元素的文本和后盾色采：

table, td, th
  {
  border:1px solid green;
  }

th
  {
  background-color:green;
  color:white;
  }

以上是“如何使用CSS表格屬性”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！