在火狐中,table邊框顏色設定

2021-08-31 05:29:06 字數 1642 閱讀 8002

ie下面設定 bordercolor 即可設定,但是火狐下面不行,用下面的**就都可以了

**如下:

另外附上兩個轉來的內容,在哪轉的已經不知道了……

關鍵字:細線** **技巧 細線**** css細線**

摘要:看到不少朋友在問細線**如何設定,雖然簡單,偶還是總結一下拿出來,也方便新手學習。缺陷失誤之處請大家指點.看的朋友如果有其他的實現方法,也希望能發布到這裡,謝謝!

不知道怎麼發布html執行後的樣子,全是**,真不直觀,會的朋友指點下,謝謝!

暫時,可以先把下面的**拷貝到記事本,儲存,然後再修改擴充套件名為html,開啟,這樣看比較直觀。

下面的細線**是用cellspacing來實現的,用**的背景色做為邊框的顏色。不方便的是每一行都要再設定乙個背景色。

bgcolor="#000000"> 

< font>下面的細線**是設定bordercolordark來實現的,因為預設的border其實寬度是2,即使設定為1也沒用,bordercolorlight和bordercolordark一起作為**的邊框。所以設定其中乙個為背景色,**邊框看起來就會細一些。

bordercolor="#000000" bordercolordark="#ffffff"> 

下面的**是用css來實現的。

css技巧比較多,列舉幾種:

a:設定border="1"、bordercolor,再加上style="border-collapse:collapse;"。style裡面的內容就是css。

cellpadding="0" style="border-collapse:collapse;"> 

b:這個用css來設定邊框,結果只顯示**的最外層邊線。裡面的線不顯示。

style="border:#000000 1px solid;"> 

c: 如果你想要頁面的所有**都是細線**,也不用乙個乙個去設定。因為這裡是演示用,所以加上了id,你用的時候直接

在head裡面加上style標籤,裡面寫 table td ,所有該頁的table就都是細線了。  

**邊框控制的其他方法(rules和frame):

說明:1、這兩個屬性有時候設定會看不到作用,這是因為與**邊框的css設定衝突。所以說如果需要這些效果,並且還需要細線,那就用下面的方式來實現即設定這三個屬性,border="1" bordercolor="#000000" style="border-collapse:collapse;",然後再設定rules和frame,如果你測試到有其他的方法,希望能發布出來和大家共享。

2、下面的效果只是我列舉出來做演示用的,靈活設定這些屬性可以做出更多效果。

rules="cols"的效果(中間的橫線沒有了)

style="border-collapse:collapse;" rules="cols"> 

frame="void"的效果(外邊線沒有了)

style="border-collapse:collapse;" frame="void"> 

rules和frame結合的效果(frame="hsides" rules="rows",只留下橫線)

style="border-collapse:collapse;" frame="hsides" rules="rows"> 

table邊框設定

一 的常用屬性 基本屬性有 width 寬度 height 高度 border 邊框值 cellspacing 的內寬,即 與tr之間的間隔 cellpadding 內元素的間隔,即tr與tr之間的間隔 bordercolorlight 的亮邊框顏色 bordercolordark 的暗邊框顏色 b...

table邊框設定

一 的常用屬性 基本屬性有 width 寬度 height 高度 border 邊框值 cellspacing 的內寬,即 與tr之間的間隔 cellpadding 內元素的間隔,即tr與tr之間的間隔 bordercolorlight 的亮邊框顏色 bordercolordark 的暗邊框顏色 b...

table邊框設定總結

一 的常用屬性 基本屬性有 width height border 邊框值 cellspacing 的內寬,即 與tr之間的間隔 cellpadding 內元素的間隔,即tr與tr之間的間隔 bordercolorlight 的亮邊框顏色 bordercolordark 的暗邊框顏色 bgcolor...