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...