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