1. 程式人生 > >HTML表格細線程式碼

HTML表格細線程式碼

實現方式一

<table width="500" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
  <tr>
    <td bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
  </tr>
</table>

實現方式二
<table width="500" cellpadding="0" cellspacing="0" border="1" style="border-collapse:collapse;">
<tr>
    <td height="20" style="border:1px solid black;"></td>
    <td style="border:1px solid black;"></td>
    <td style="border:1px solid black;"></td>
</tr>
<tr>
	<td height="20" style="border:1px solid black;"></td>
    <td style="border:1px solid black;"></td>
    <td style="border:1px solid black;"></td>
</tr>
<tr>
	<td height="20" style="border:1px solid black;"></td>
    <td style="border:1px solid black;"></td>
    <td style="border:1px solid black;"></td>
</tr>
</table>


相關推薦

HTML表格程式碼

實現方式一 <table width="500" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000"> <t

HTML製作表格

 最近寫了一兩個網頁,把一個簡單的問題寫在這裡,只是自娛。 程式碼如下: <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><

HTML表格如何變色,HTML表格變色的程式碼是什麼?(附HTML程式碼顏色表)

HTML表格如何變色,HTML表格變色的程式碼是什麼?下面小編便分享給大家。 >   <TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=

HTML表格如何變色,HTML表格變色的程式碼是什麼?

  HTML表格如何變色,HTML表格變色的程式碼是什麼?下面小編便分享給大家。   <TD onmouseover="this.style.backgroundColor='#FFFFFF'"   onmouseout="this.style.backgroundColor=''"  style="

HTML表格的一部分程式碼

1.最原始的表格程式碼  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>好好學習天天向上</title> <

HTML表格的實現

需要 CI 實現 代碼 單元格 cells 通過 bgcolor 方法 在網頁制作中,我們常常會使用到表格,表格使得需要表達的信息更清楚,明了。 <table border="1" cellspacing="0" bordercolor="#000000" widt

html表格

在網頁製作中,我們常常會使用到表格,表格使得需要表達的資訊更清楚,明瞭。 <table border="1" cellspacing="0" bordercolor="#000000" width = "80%"> <tr> <

html中的表格

html在網頁製作中,我們常常會使用到表格,表格使得需要表達的資訊更清楚,明瞭。 <table border="1" cellspacing="0" bordercolor="#000000" width = "80%">     <tr>         <td>1.1&

html-css___table屬性(設置邊框)

pan css_ tab 設置 屬性設置 borde pad solid nbsp 1 border-collapse 屬性設置表格的邊框是否被合並為一個單一的邊框 2 //設置table實線邊框 3 table,td{ 4 /*邊框合並*/ 5 bord

由合並表格而產生的疑問與解答

代碼 外邊框 col code 就是 間距 容易 常見 lec 由合並細線表格而產生的疑問與解答 一、背景 學習CSS之前制作的表格邊框效果單一,且產生對於border屬性的疑問,私下查找資料、寫代碼舉例子,做總結。 二、深度理解table 中border 的定義 如下一個

表格製作技巧-表格邊框樣式設定集錦

關鍵字:細線表格 表格技巧 細線表格程式碼 CSS細線表格摘要:看到不少朋友在問細線表格如何設定,雖然簡單,偶還是總結一下拿出來,也方便新手學習。缺陷失誤之處請大家指點.看的朋友如果有其他的實現方法,也希望能釋出到這裡,謝謝!不知道怎麼釋出html執行後的樣子,全是程式碼,真不直觀,會的朋友指點下,

css設定樣式的表格

<style>* { font-size:90%;}font { color:#0000CC;}</style><font>下面的細線表格是用cellspacing來實現的,用表格的背景色做為邊框的顏色。</font>不方便的是每一行都要再設定一個背景色。<

表格的製作

在從事web網頁程式開發時,table是我們常用的html標籤,為了頁面美觀,細線表格是web開發中基礎的要求,也不知道當初制定html標準時是怎麼想的,明明設定了table的border="1",非要將表格邊框實際大小變成了2px,搞得每次用時還得重新寫css進行控制.下邊

HTML小技巧:將table邊框改為

HTML製作新手在用TABLE表格時,會碰到如何改變邊線粗線,因為預設的TABLE邊線設定即使是1px 是很粗的。因此會使用其他一些方法來製作出細線邊框,這裡介紹一種利用CSS來實現細線的方法,很有效,而且相容所有瀏覽器。 細線表格如果單純設定邊框,很難保證瀏覽器相容。

html表格基礎及案例示圖程式碼

列表標籤  有序列表:標籤<ol></ol>   type="">屬性值有A,a,I,i,1   start=”“>    屬性值為數字   有序列表的列表項    <li>  無序列表:標籤<ul></ul

表格樣式

.td{border:solid #add9c0; border-width:0px 1px 1px 0px;} .table{border:solid #add9c0; border-w

table表格

<html> <img id="tx_img" name="tx_img" width="100" height="130" border="1" /> <table width="800" style="border:1px solid #

HTML小技巧將table邊框改為

HTML製作新手在用TABLE表格時,會碰到如何改變邊線粗線,因為預設的TABLE邊線設定即使是1px 是很粗的。因此會使用其他一些方法來製作出細線邊框,這裡介紹一種利用CSS來實現細線的方法,很有效,而且相容所有瀏覽器。 細線表格如果單純設定邊框,很難保證瀏覽器相容。

用cellspacing實現表格

今天在做細線表格的時候,用cellspacing=1實現效果,挺好看的,而平時用的是border cellpadding 屬性規定單元邊沿與其內容之間的空白。 <table border="0" cellpadding="0" cellspacing="1" cl

利用CSS生成精美Table表格

精美的表格是前端開發用到的一個元件,很多時候我們利用複雜的頁面style程式碼,來生成這樣的表格,造成了頁面的修改性和可讀性都非常差。這裡推薦直接使用css來產生一個細線表格,如下圖:[img]http://www.kutoku.info/images/java/100810