用兩行CSS讓你的表格上下列隔開

4月 17, 2017




有時候一些表格設計會把表格的橫列直列分開，
在CSS上的確也可以做到這樣的呈現，因為很少人提到這個，
剛好最近又因為設計需要找到了這個語法，
所以就順便紀錄上來，實際上只需要兩三行就可以搞定這東西：

table {
  1. border-collapse: separate; // 先設定表格的模式是分開
  2. -webkit-border-vertical-spacing: 10px; //設定橫列分開的距離
  3. -webkit-border-horizontal-spacing: 10px; // 設定直列分開的距離
}





Share This Story

Tags:

You Might Also Like

0 意見