table布局

table布局基本格式

    <table border="1" cellspacing="0">
        <thead>
           <tr>
              <th>姓名</th>
              <th>學(xué)號</th>
              <th>成績</th>
           </tr>
        </thead>
        <tbody>
           <tr>
              <td>張三</td>
              <td>12</td>
              <td>89</td>
           </tr>
           <tr>
              <td>李四</td>
              <td>22</td>
              <td>90</td>
           </tr>
        </tbody>
        <tfoot>
        </tfoot>
    </table>
姓名 學(xué)號 成績
張三 12 89
李四 22 90

tr 表示行九昧,td表示列徊哑,th表示表頭標(biāo)題
最終上面的代碼形成下面對應(yīng)的表格

下面我們一起看看table的屬性有哪些呢?

  1. border:給表格及單元格加邊框,屬性值可以是1陶夜、2冀泻、3......
  2. width: 設(shè)置整個表格的寬
  3. height:設(shè)置整個表格的高
  4. 注意:設(shè)置完表格的寬高后常侣,每個單元格的寬高會自動分配
  5. border-spacing:0;控制單元格之間的空白為0
  6. border-collapse:collapse; 設(shè)置各單元格邊寬以及外邊寬重疊;
  7. cellpadding:設(shè)置內(nèi)容與邊框的距離

合并單元格的問題

  1. colspan 跨行合并
  2. rowspan 跨列合并
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末弹渔,一起剝皮案震驚了整個濱河市袭祟,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌捞附,老刑警劉巖巾乳,帶你破解...
    沈念sama閱讀 223,126評論 6 520
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異鸟召,居然都是意外死亡胆绊,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,421評論 3 400
  • 文/潘曉璐 我一進店門欧募,熙熙樓的掌柜王于貴愁眉苦臉地迎上來压状,“玉大人,你說我怎么就攤上這事跟继≈侄” “怎么了?”我有些...
    開封第一講書人閱讀 169,941評論 0 366
  • 文/不壞的土叔 我叫張陵舔糖,是天一觀的道長娱两。 經(jīng)常有香客問我,道長金吗,這世上最難降的妖魔是什么十兢? 我笑而不...
    開封第一講書人閱讀 60,294評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮摇庙,結(jié)果婚禮上旱物,老公的妹妹穿的比我還像新娘。我一直安慰自己卫袒,他們只是感情好宵呛,可當(dāng)我...
    茶點故事閱讀 69,295評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著夕凝,像睡著了一般宝穗。 火紅的嫁衣襯著肌膚如雪户秤。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,874評論 1 314
  • 那天讽营,我揣著相機與錄音虎忌,去河邊找鬼。 笑死橱鹏,一個胖子當(dāng)著我的面吹牛膜蠢,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播莉兰,決...
    沈念sama閱讀 41,285評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼挑围,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了糖荒?” 一聲冷哼從身側(cè)響起杉辙,我...
    開封第一講書人閱讀 40,249評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎捶朵,沒想到半個月后蜘矢,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,760評論 1 321
  • 正文 獨居荒郊野嶺守林人離奇死亡综看,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,840評論 3 343
  • 正文 我和宋清朗相戀三年品腹,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片红碑。...
    茶點故事閱讀 40,973評論 1 354
  • 序言:一個原本活蹦亂跳的男人離奇死亡舞吭,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出析珊,到底是詐尸還是另有隱情羡鸥,我是刑警寧澤,帶...
    沈念sama閱讀 36,631評論 5 351
  • 正文 年R本政府宣布忠寻,位于F島的核電站惧浴,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏锡溯。R本人自食惡果不足惜赶舆,卻給世界環(huán)境...
    茶點故事閱讀 42,315評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望祭饭。 院中可真熱鬧,春花似錦叙量、人聲如沸倡蝙。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,797評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽寺鸥。三九已至猪钮,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間胆建,已是汗流浹背烤低。 一陣腳步聲響...
    開封第一講書人閱讀 33,926評論 1 275
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留笆载,地道東北人扑馁。 一個月前我還...
    沈念sama閱讀 49,431評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像凉驻,于是被迫代替她去往敵國和親腻要。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,982評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 1.列表 無序列表 有序列表 列表的屬性 自定義列表 無序列表的基本格式 無序列表的type屬性 無序列表的typ...
    Zd_silent閱讀 1,331評論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案涝登? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,762評論 1 92
  • 愿你的前半生如 table 般絢爛雄家。沒有哪個標(biāo)簽像 table 這樣大起大落,曾經(jīng)一統(tǒng)網(wǎng)頁江湖胀滚,到現(xiàn)在被棄之如敝履...
    姚冰coding閱讀 589評論 0 1
  • 表格式化 我們先來看看組裝表的基本方法趟济,并了解表中的元素相互之間有什么關(guān)系。這稱為表格式化咽笼。 表的視覺編排 CSS...
    exialym閱讀 697評論 0 4
  • ======= SEO專用 table-cell 定高水平垂直居中 不定高水平垂直居中 單行定高水平垂直居中 單行...
    木白no1閱讀 10,426評論 1 15