這節課講完這個聽上去很好的HTML/CSS課程就蹭完了,まぁ〜免費的課程麼自然不可能説的很多啦~領進門而已。這個領進門還是挺有用的,現在覺得CSS哈有趣=v=
最後一課,如何製作表格。
需要用到的幾個標記:
tr、td、th
tr: table row
td: table data
th: table head
tr代表的意思就是表格的一行,用一組< tr> tr>來表示中間的內容都是一行中的。
tr表示某一個單元格的內容,用一組< td> < /td>來表示這行中某個單元格的內容。
用tr套td的模式可以顯示一個表格,如:
< tr>
< td class="center">Walla Walla, WA< /td> /*tr、td同樣可以設置標籤*/
< td class="center">June 15th< /td>
< td>75
< td>1,204 ft
< td>29,686
< td class="center">4/5
< /tr>
< tr class = "cellcolor">
< td class="center">Magic City, ID< /td>
< td class="center">June 25th td>
< td>74 td>
< td>5,312 ft td>
< td>50 td>
< td class="center">3/5< /td>
< /tr>
th的意思是表格的表頭,默認顯示格式就是粗體+居中。
表格的摘要可以通過< table summary="...">來表示,summary中的內容是摘要,不會被顯示出來,僅僅做註釋用,方便程序員理解。
< caption>< /caption>是< table > table>的子標記,表示的是這個表格的標題。
這個標題通常顯示在表格的上方,可以在CSS中定義:
caption - side : bottom; 讓標題顯示在表格的下方。
最後一課,如何製作表格。
需要用到的幾個標記:
tr、td、th
tr: table row
td: table data
th: table head
tr代表的意思就是表格的一行,用一組< tr> tr>來表示中間的內容都是一行中的。
tr表示某一個單元格的內容,用一組< td> < /td>來表示這行中某個單元格的內容。
用tr套td的模式可以顯示一個表格,如:
< tr>
< td class="center">Walla Walla, WA< /td> /*tr、td同樣可以設置標籤*/
< td class="center">June 15th< /td>
< td>75
< td>1,204 ft
< td>29,686
< td class="center">4/5
< /tr>
< tr class = "cellcolor">
< td class="center">Magic City, ID< /td>
< td class="center">June 25th td>
< td>74 td>
< td>5,312 ft td>
< td>50 td>
< td class="center">3/5< /td>
< /tr>
th的意思是表格的表頭,默認顯示格式就是粗體+居中。
表格的摘要可以通過< table summary="...">來表示,summary中的內容是摘要,不會被顯示出來,僅僅做註釋用,方便程序員理解。
< caption>< /caption>是< table > table>的子標記,表示的是這個表格的標題。
這個標題通常顯示在表格的上方,可以在CSS中定義:
caption - side : bottom; 讓標題顯示在表格的下方。
給表格定義框線可以用如下方法:
< head>
< style type = "text/css">
td,th {
border : 1px soild black;
}
style>
head>
也可以在CSS中定義。
定義完后可以發現因為定義的是每行、每個單元格的邊框,所以會出現每個單元格外有兩層邊框的情況,這種情況下可以進行邊框壓縮:
border - clooapse : collapse ; /*讓單元格之間更緊湊*/
竪向合併單元格方法:
< td rowspan ="2">
< /td>
?向合併單元格方法:
< td colspan = "2">
td>
< head>
< style type = "text/css">
td,th {
border : 1px soild black;
}
style>
head>
也可以在CSS中定義。
定義完后可以發現因為定義的是每行、每個單元格的邊框,所以會出現每個單元格外有兩層邊框的情況,這種情況下可以進行邊框壓縮:
border - clooapse : collapse ; /*讓單元格之間更緊湊*/
竪向合併單元格方法:
< td rowspan ="2">
< /td>
?向合併單元格方法:
< td colspan = "2">
td>
PR
Comment
コメントの修正にはpasswordが必要です。任意の英数字を入力して下さい。
プロフィール
HN:
伊兒
性別:
非公開
自己紹介:
伊兒ですにゃー
吃貨一只,懶蟲一只。
吃貨一只,懶蟲一只。
カレンダー
02 | 2025/03 | 04 |
S | M | T | W | T | F | S |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
最新記事
(10/02)
(09/22)
(09/19)
(09/18)
(09/18)
(09/17)
(09/15)
(09/01)
(08/28)
(08/27)
最新コメント
[12/08 yrn1ksjv9q4]
[02/07 NONAME]
[02/07 山风]
[12/20 asian escorts dubai]
[11/14 NONAME]
カテゴリー
最新トラックバック
フリーエリア
ブログ内検索
P R
カウンター