html中如果對table中的td設定邊框樣式

2022-06-02 06:56:30 字數 4930 閱讀 5503

1樓:爽朗的太蘭

設定table的細邊框通常有這麼幾種方式:

1.使用css

2.使用ie中特有的屬性,不支援除ie外的瀏覽器3.整個**的背景為黑色,每個單元格背景為白色,單無格間距為1,**粗細為0

4.直接**表示(一個style="border-collapse:collapse"搞定)

2樓:昂子帆

-----------------------------

分別用class進行定義。

3樓:

分別指定,通過css 屬性選擇器

4樓:匿名使用者

3種方法:

1、樣式定義

.table tr td

2、直接給td定義

3、給table 直接定義

html中怎麼設定table的邊框

5樓:匿名使用者

在table標籤內加 border=1例如:

6樓:兄弟連北京校區

html的**標籤是:

在table標籤內加 border=1

例如:邊框的屬性有:

border:邊框大小

bordercolor:邊框顏色

bordercolordark:邊框暗邊顏色(即右下邊框顏色)bordercolorlight:邊框亮邊顏色(即左上邊框顏色)

如何用css設定一個table中的td的邊框

7樓:稅興有呼鵑

寫了兩種方法,你看看吧,也許有用

方法一:

這種方法是設定行內每個單元格的樣式

方法二:

兩個方法的標記裡都加frame="box"

怎麼用css設定html中的**的邊框樣式?

8樓:tutu天然呆

一、只對**table標籤設定邊框   -  top

只對table標籤設定border(邊框)樣式,將讓此**最外層table一個邊框,而**內部不產生邊框樣式。

案例詳細如下:

1、對應css**

.table-a table /* css註釋:只對table標籤設定紅色邊框樣式 */ style>

2、對應html**片段

站名td>**td>說明td>tr>divcss5td>www.divcss5.comtd>css學習td>tr>css5td>www.

css5.com.cntd>css切圖td>tr>table>div>

二、對td設定邊框   -   top

對table**td設定邊框樣式,**物件內td將實現邊框樣式,但中間部分td會導致出現雙邊框。

詳細案例教程如下:

1、對應css**

.table-b table td /* css註釋:只對table td標籤設定紅色邊框樣式 */ style>

2、對應html源**片段

站名td>**td>說明td>tr>divcss5td>www.divcss5.comtd>css學習td>tr>css5td>www.

css5.com.cntd>css切圖td>tr>table>

三、對table和td技巧性設定**邊框   -   top

如上第二點,只對**物件td設定單一邊框樣式,中間部分td與td標籤之間就會出現雙邊框現象。

解決方法:對td只設定兩個邊的邊框,對table也設定兩個邊的邊框樣式。

解釋:對td設定左與上邊框,這樣td與td相鄰就會只出現單一邊框樣式,這樣就會出現**右側和下部沒有邊框,這個時候我們設定table右和下 邊框解決顯示右側和下側td剩下未顯示邊框。

1、對應css**:

.table-c table .table-c table td /* css 註釋:

 只對table td設定左與上邊框; 對table設定右與下邊框; 為了便於截圖,我們將css 註釋說明換行排版 */ style>

2、對應html源**片段:

站名td>**td>說明td>tr>divcss5td>www.divcss5.comtd>css學習td>tr>css5td>www.

css5.com.cntd>css切圖td>tr>table>

四、對table和td設定背景,實現完美**邊框   -   top

1、基礎設定

1)、先設定table css背景為紅色

2)、設定table單元之間間距為1

使用dw軟體輔助設定table**單元間距為1,具體dw軟體視覺化操作步驟簡要說明,首先(檢視模式)選中**後,對應dw軟體編輯視窗底部會「屬性」面板會出現對應table**屬性設定地方,我們將「間隔」填寫為「1」。這個時候我們會看到table**標籤裡cellspacing值為「1」(cellspacing="1")。

藉助dw軟體設定**單元之間間距

或直接對

標籤內cellspacing="1"即可,得到:

3)、設定table td背景為白色

2、css**:

.table-d table .table-d table td /* css註釋:設定table背景為紅色,td背景為白色 */ style>

3、對應html源**:

站名td>**td>說明td>tr>divcss5td>www.divcss5.comtd>css學習td>tr>css5td>www.

css5.com.cntd>css切圖td>tr>table>div>

五、css table**邊框實現總結   -  top

以上四種方式實現table**邊框樣式方法,推薦使用第三和第四種方法來解決**邊框樣式。希望divcss5整理總結html table邊框佈局方法對大家有幫助並能掌握,平時需要時靈活運用。

怎麼用css設定html中的**邊框樣式

9樓:匿名使用者

您好!以下是最典型的細線**,具備最基本的設定。供參考:

顯示結果:

10樓:97樂於助人

learn young, learn fair.

怎麼用css設定html中的**邊框樣式

11樓:藝術流氓

**示例

其中css中border屬性為邊框線屬性

第一個值設定邊框線顏色,可為顏色英文單詞或16進位制**第二個值設定邊框線粗細

第三個值設定線體樣式 solid為實線 dotted為點線 double為雙邊框線 還有個虛線

12樓:兄弟連教育

對table設定css樣式邊框,分為幾種情況:1、只對table設定邊框;2、對td設定邊框;3、對table和td技巧性設定**邊框;4、對table和td設定背景,實現完美**邊框。

**如下:

1、只對table設定邊框;

2、對td設定邊框;

3、對table和td技巧性設定**邊框;

4、對table和td設定背景,實現完美**邊框。

html裡如何讓td的邊框加粗 急!

13樓:匿名使用者

2樓:dashed常量不是所有瀏覽器都支援的,而且也沒說要用虛線

改solid比較好

如果不夠粗,把2改更大的數字就行了

14樓:匿名使用者

你用什麼編輯工具啊?

我建議你用dreamwerer裡面點就可以了!

可以加粗的!

15樓:

有。。style="border:2px #000 dashed"

寬就是2px。。。

16樓:水月

你們說滴都不對 一點也不對

在html中 怎樣改變**邊框線的顏色?

17樓:匿名使用者

在html中 怎樣改變**邊框線的顏色可以通過設定border的值來實現。

例如:border: 5px solid blue 表示邊框顏色是綠色;

border: 5px solid red 表示邊框顏色是紅色;

擴充套件資料border的用法介紹

border 簡寫屬性在一個宣告設定所有的邊框屬性。

可以按順序設定如下屬性:

border-width

border-style

border-color

如果不設定其中的某個值,也不會出問題,比如 border:solid #ff0000; 也是允許的。

18樓:千鋒教育

**如下:

單元格1

單元格2

單元格3

單元格4

說明:通過設定上面**中的bordercolor屬性的值即可調整顏色

19樓:匿名使用者

html中內嵌style或者寫類樣式,id樣式。

html怎麼設定table邊框

20樓:匿名使用者

html的**標籤是:

邊框的屬性有:

border:邊框大小

bordercolor:邊框顏色

bordercolordark:邊框暗邊顏色(即右下邊框顏色),只支援ie

bordercolorlight:邊框亮邊顏色(即左上邊框顏色),只支援ie

21樓:匿名使用者

在td元素上使用border樣式即可!

html中《p》是什麼意思,HTML中 lt o p gt 是什麼意思?

標誌對是用來建立一個段落,在此標誌對之間加入的文字將按照段落的格式顯示在瀏覽器上。另外,標誌還可以使用align屬性,它用來說明對齊方式,語法是 align可以是left 左對齊 center 居中 和right 右對齊 三個值中的任何一個。如 表示標誌對中的文字使用居中的對齊方式。rget是開啟連...

table中如何用css控制《tr》《td》的寬度和高度

1 首先給table標籤新增css table layout fixed 這裡是為了讓整個table有一個自己寬度,而不是讓table自己隨著自己 給table設定一個mian 如下 main td的意思是指定 main類下的td,同理也可以指定tr 這樣的做法只能針對了設定main類的 若是想要所...

如何用jquery獲取table指定行中指定列的數值

next 是取同輩元素,不是去子元素的 以上三個都能取到第三行第五列 不是eq的問題,最簡單的辦法 jquery怎麼獲取動態table的某行某列的值 function 希望對你有幫助。嗯 根據lz的 不太理解輸出效果,不過我修改了部份原始碼試了一個方法,lz 你就看看唄var shtml for v...