首页
/
每日頭條
/
圖文
/
html一條豎線的代碼
html一條豎線的代碼
更新时间:2025-12-08 01:38:58

CSS 表格屬性可以幫助您極大地改善表格的外觀。

表格邊框

指定CSS表格邊框,使用border屬性。

下面的例子指定了一個表格的Th和TD元素的紅色邊框:

table,th,td{border: 1px solid red;}

(1)編輯代碼

打開記事本,在<body>标簽中加入以下代碼,并保存為HTML格式文件。代碼如下。

html一條豎線的代碼(HTML之CSS表格lt一)1

(2)在浏覽器中浏覽效果

在浏覽器中浏覽效果如圖所示。

html一條豎線的代碼(HTML之CSS表格lt一)2

請注意,上例中的表格具有雙線條邊框。這是由于 table、th 以及 td 元素都有獨立的邊框。

如果需要把表格顯示為單線條邊框,請使用 border-collapse 屬性。

折疊邊框

border-collapse 屬性設置表格的邊框是否被折疊成一個單一的邊框或隔開:

table{border-collapse: collapse;}

table,td,th{border: 1px solid red;}

(1)編輯代碼

打開記事本,在<body>标簽中加入以下代碼,并保存為HTML格式文件。代碼如下。

html一條豎線的代碼(HTML之CSS表格lt一)3

(2)在浏覽器中浏覽效果

在浏覽器中浏覽效果如圖所示。

html一條豎線的代碼(HTML之CSS表格lt一)4

Table 屬性

html一條豎線的代碼(HTML之CSS表格lt一)5

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
原神天雲峠解雷電任務
原神天雲峠解雷電任務
作者:NGA-萌虎大大第一次發,可能寫的不清楚,見諒。首先來到這個位置。是一個九宮格,需要根據另外三個殘缺的九宮格踩亮地闆,不像動腦筋就看下一張圖。把畫圓圈的點亮就好,第一步就解鎖了,下去後很容易看到三個小怪,打倒後旁邊有一個機關,開啟後繼...
2025-12-08
高一數學函數重點題型大題
高一數學函數重點題型大題
第一節:函數的概念及表示題型一:判斷圖像或者對應關系是否為函數題型二:區間的表示題型三:求函數值題型四:同一函數的判斷第二節:函數的定義域題型一:具體函數的定義域題型二:抽象函數的定義域題型三:已知定義域求參數第三節:函數的解析式題型一:待...
2025-12-08
豆沙冰皮月餅的做法及配方
豆沙冰皮月餅的做法及配方
做法步驟1、将粉類過篩後放入碗中,加入其他材料拌勻。2、放入鍋中蒸30分鐘取出,冷卻備用。3、将冷卻的面團揉勻分割成20g/個,餡料分割成60g/個。4、将面皮擀薄,包入餡料收口。5、放入月餅專用模具内,用手向下施加壓力壓平。6、将模具提起...
2025-12-08
春天賞櫻花好去處
春天賞櫻花好去處
極目新聞記者陳勇通訊員易榮波付亞麗攝影江紅心3月15日,位于湖北省孝感市大悟縣三裡城鎮柏園村五峰山、五嶽山萬畝連片野生櫻花開得爛漫而又熱烈。兩種花色交相輝映,幻如仙境,美不勝收,吸引了不少自駕賞花的遊客。三裡産茶。三裡野生櫻花谷距離三裡鎮約...
2025-12-08
練字技巧入門教學二十四課
練字技巧入門教學二十四課
知識小課堂兩點水與三點水兩點水點略帶弧度和長度提和點方向相對,不連接起筆在點起筆的左邊一點方向勿平,稍直立,收筆出尖舉例說明“沖”字形長方,左右結構左短右長,左小右大左窄右寬,寬度比值為1:2左邊偏旁在右邊的中間偏上三點水呈弧形,中間點稍偏...
2025-12-08
Copyright 2023-2025 - www.tftnews.com All Rights Reserved