1.若border—collapse:collapse則為單邊框,所以只能設定單元格的內邊距。
給table中的td表簽添加屬性值或在代碼中設定cellpadding即可。
td{
padding:30px
}
或者
<table cellpadding=“10px”>
</table>
效果為第一張圖
2.若border—collapse:separate則為雙線框(默認也為單線框),所以可以設定內邊距和單元格之間的距離。
方法一、在代碼中用cellpadding設定單元格內邊距,用cellspacing設定單元格間的距離。
<table cellpadding=“30px” cellspacing=“30px”>
</table
方法二、在樣式設定,給td設定padding來控制內邊距,給table設定border—spacing設定單元格間等我距離。
td{
padding:30px
}
table{
border—spacing:30px
}
效果為第二張圖
(剛好在看這部分內容,第一次寫不怎么會用寫得不好見諒見諒。
)
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/92658.html
標籤:HTML(CSS)
下一篇:關于Sublime插件安裝問題
