1. 程式人生 > >html細線表格

html細線表格

在網頁製作中,我們常常會使用到表格,表格使得需要表達的資訊更清楚,明瞭。

<table border="1" cellspacing="0" bordercolor="#000000" width = "80%">
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
<table>

這段程式碼定義了border = 1pix的表格,但實際上表格的實際邊框寬度為2pix, 這是因為表格邊框由:表格外邊框和單元格邊框兩部分構成。
那麼如何定義一個細線表格(實際邊寬為1pix) 呢?

1. 使用 cellspacing和背景色技術:
<table border="0" cellspacing="1" bgcolor="#000000" width = "80%">
<tr bgcolor="#ffffff">
<td>1.1</td>
<td>1.2</td>
</tr>
<tr bgcolor="#ffffff">
<td>2.1</td>
<td>2.2</td>
</tr>
<table>

2.使用border-collapse屬性:
<table border="1" cellspacing="0" bordercolor="#000000" width = "80%" style="border-collapse:collapse;">
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
<table>

相關推薦

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製作表格

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

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

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

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

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

表格的製作

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

表格樣式

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

用cellspacing實現表格

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

CSS表格

<style type="text/css"> table { border-collapse: collapse; line-height: 125%; } th, td { text-align: left; ve

Web分頁列印:表格+分頁列印之終極攻略

最近給客戶做列印的時候,客戶提出列印時不要列印該頁面的頭,只是打印表格里面的內容,因為頭部有背景和列印按鈕,而且要細線表格的那種,我想細線表格不是很簡單嗎 如果你還不知道細線表格怎麼做,請看下面的程式碼實現效果:) <table cellSpacing=0 cellP

表格的幾種做法(css)【經典推薦】

(一)效果一般<style type="text/css"><!--table {border-collapse:collapse;}td{border-left:0;border-top:0;border-right:1px solid #00cd11;b

HTML表格程式碼

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

html-css___table屬性(設置邊框)

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

css設定樣式的表格

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

HTML小技巧:將table邊框改為

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

HTML小技巧將table邊框改為

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

利用CSS生成精美Table表格

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

不用css,實現帶灰色邊框的表格

<table width="800px" border="0px" cellpadding="10px" cellspacing="1" align="center" bgcolor="#d8d8d8"> <caption