HTML TABLE改成css設定?

HTML TABLE的Cellpadding & Cellspacing 該在css中如何設定

2 Answers

Rating
  • water
    Lv 5
    1 decade ago
    Favorite Answer

    Cellpadding這個屬性可以利用CSS的padding屬性作設定

    Cellspacing這個屬性可以利用CSS的border-spacing屬性作設定

    舉例來說

    你可以先對table設定border-spacing的寬度 像下面這樣

    table{border-spacing:10px;}

    這樣表格邊框就會有10px的寬度了

    在去針對 td 做內距的設定 像這樣

    td{padding:10px;}

    這樣就會有達到Cellpadding 的效果了

    這邊要提醒的是

    用 padding:10px; 的話是上下左右都是10px唷

    你不想要上下左有都一樣的話 就要像這樣子調整

    padding:上內距 右內距 下內距 左內距 ;

    例如你只要左內距是5px 就打這樣

    padding:0 0 0 5px;

    這樣就可以了唷

    Source(s): 自己 (http://www.wretch.cc/blog/user90083 我的無名)
  • 1 decade ago

    css沒有cellspace,你只能下border,再去改顏色,方法如下:

    td {

    padding:5px;

    border:3px solid #FFFFFF;

    }

    希望對你有幫助~

    我的設計工作室:http://www.inspyre.com.tw

Still have questions? Get your answers by asking now.