成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

構(gòu)建靜態(tài)頁面 之 [ 表格 ]

李昌杰 / 2648人閱讀

摘要:表格描述以網(wǎng)格的形式來呈現(xiàn)數(shù)據(jù),并且以二維數(shù)據(jù)表有行有列來顯示數(shù)據(jù)內(nèi)容表格元素元素表示定義表格元素表示定義表格中的行元素表示定義表格中的表頭元素表示定義表格中的單元格元素表示定義表格中的標(biāo)題元素表示定義表格的頁眉元素表示定義表

表格 描述

以網(wǎng)格的形式來呈現(xiàn)數(shù)據(jù),并且以二維數(shù)據(jù)表(有行有列)來顯示數(shù)據(jù)內(nèi)容

表格元素

元素 - 表示定義表格

元素 - 表示定義表格中的行

元素 - 表示定義表格的頁眉

元素 - 表示定義表格的主體

元素 - 表示表格的頁腳

表格元素元素屬性border屬性

表示設(shè)置表格的邊框

屬性值為數(shù)字值

會同時設(shè)置表格和單元格

rowspan屬性

表示設(shè)置單元格的跨行

屬性值為數(shù)字值

colspan屬性

表示設(shè)置單元格的跨列

屬性值為數(shù)字值

表格元素整體示例代碼




元素 - 表示定義表格中的表頭

元素 - 表示定義表格中的單元格

元素 - 表示定義表格中的標(biāo)題

隨身物品
手機 電腦 手表 平板
iphone X MacBook Pro 15寸 卡西歐 iPad Pro 12寸
iphone SE MacBook Pro 13寸 尼尚 iPad Pro 10寸
以上二選一
表格樣式 caption-side屬性

表示設(shè)置表格中的標(biāo)題元素在表格中的顯示位置

border屬性

表示設(shè)置邊框

border-width - 表示設(shè)置邊框的寬度

border-style - 表示設(shè)置邊框的樣式

border-color - 表示設(shè)置邊框的顏色

border屬性也允許簡寫:順序是 邊框的寬度 邊框的樣式 邊框的顏色

border-collapse屬性

表示設(shè)置邊框是分離還是合并

注意:在設(shè)置邊框為合并后,border-spacing屬性和empty-cells屬性會失效

border-spacing屬性

表示設(shè)置邊框之間的距離

empty-cells屬性

表示設(shè)置空白單元格的顯示與隱藏

表格樣式示例代碼

    
    表格的樣式
    


隨身物品
手機 電腦 手表 平板
iphone X MacBook Pro 15寸 卡西歐 iPad Pro 12寸
iphone SE MacBook Pro 13寸 尼尚 iPad Pro 10寸
以上二選一

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/113805.html

相關(guān)文章

  • 構(gòu)建靜態(tài)頁面 [ 表格 ]

    摘要:表格描述以網(wǎng)格的形式來呈現(xiàn)數(shù)據(jù),并且以二維數(shù)據(jù)表有行有列來顯示數(shù)據(jù)內(nèi)容表格元素元素表示定義表格元素表示定義表格中的行元素表示定義表格中的表頭元素表示定義表格中的單元格元素表示定義表格中的標(biāo)題元素表示定義表格的頁眉元素表示定義表 表格 描述 以網(wǎng)格的形式來呈現(xiàn)數(shù)據(jù),并且以二維數(shù)據(jù)表(有行有列)來顯示數(shù)據(jù)內(nèi)容 表格元素 元素 - 表示定義表格 元素 - 表示定義表格中的行 元素 -...

    raoyi 評論0 收藏0
  • 構(gòu)建靜態(tài)頁面 [ 布局 ]

    摘要:布局描述表示對頁面中的顯示效果進(jìn)行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中行內(nèi)塊級元素水平居中的第一種方法該方法需作用在父子結(jié)構(gòu)中為父級設(shè)置屬性為子級設(shè)置屬性注意的問題屬性是設(shè)置文本內(nèi)容對齊方式的 布局 描述 表示對頁面中的顯示效果進(jìn)行一些排列 水平方向居中 垂直方向居中 居中布局 水平方向居中 第一種方式 水平居中 + 行內(nèi)塊級元素(text-a...

    andot 評論0 收藏0
  • 構(gòu)建靜態(tài)頁面 [ 布局 ]

    摘要:布局描述表示對頁面中的顯示效果進(jìn)行一些排列水平方向居中垂直方向居中居中布局水平方向居中第一種方式水平居中行內(nèi)塊級元素水平居中的第一種方法該方法需作用在父子結(jié)構(gòu)中為父級設(shè)置屬性為子級設(shè)置屬性注意的問題屬性是設(shè)置文本內(nèi)容對齊方式的 布局 描述 表示對頁面中的顯示效果進(jìn)行一些排列 水平方向居中 垂直方向居中 居中布局 水平方向居中 第一種方式 水平居中 + 行內(nèi)塊級元素(text-a...

    JessYanCoding 評論0 收藏0
  • 靜態(tài)頁面架構(gòu)】CSS表格

    摘要:架構(gòu)表格元素表格的基本結(jié)構(gòu)以元素建立表格元素是表格行,元素是表示表格單元格表格以行和列表示容器元素屬性默認(rèn)的表格和單元格都有邊框表格默認(rèn)是有寬度的單元格之和決定元素表示表格中的單元格單元格默認(rèn)寬度由內(nèi)容決定姓名年齡職業(yè)桐人 CSS架構(gòu) 表格: 1.元素: 表格的基本結(jié)構(gòu);以table元素建立表格tr元素是表格行,td元素是表示表格單元格 ...

    instein 評論0 收藏0
  • 支持多框架的組件庫KPC 1.0正式發(fā)布

    摘要:自從年月份對外公布以來,已經(jīng)經(jīng)過了個月的迭代,期間發(fā)布了幾十個正式版本,但一直沒有到,因為我們覺得是個里程碑版本,我們必須做的足夠完善才敢稱之為。 自從17年11月份對外公布以來,KPC已經(jīng)經(jīng)過了8個月的迭代,期間發(fā)布了幾十個正式版本,但一直沒有到1.0,因為我們覺得1.0是個里程碑版本,我們必須做的足夠完善才敢稱之為1.0。而如今我們有信心對外宣布:KPC 1.0終于來了! 其實距離...

    劉厚水 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<