表格細邊框的CSS樣式怎么設置？

指定的table為細邊框，把table放在div中即可。

在城關等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網站設計、網站建設、外貿網站建設 網站設計制作定制網站制作,公司網站建設,企業(yè)網站建設,品牌網站制作,營銷型網站,外貿網站制作,城關網站建設費用合理。

一、首先新建表格，代碼如下：

table width="500" border="1"? trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td /trtr? tdnbsp;/td tdnbsp;/tdtdnbsp;/td/tr/table。

二、在table里加css樣式，代碼如下：

table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"? tr tdnbsp;/tdtdnbsp;/td tdnbsp;/td /tr tr tdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/table。

三、單元格邊距(表格填充)(cellpadding) -- 代表單元格外面的一個距離,用于隔開單元格與單元格空間。單元格間距(表格間距)(cellspacing) -- 代表表格邊框與單元格補白的距離,也是單元格補白之間的距離，border-collapse:collapse表示表格的兩邊框合并為一條即可。

怎樣用CSS設置table第一列樣式

1上邊框寬度以下是引用片段：

語法: border-top-width: 值

允許值: thin | medium | thick | 長度

初始值: medium

適用于: 所有對象

向下兼容: 否

上邊框寬度屬性用于指定一個元素上邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用于實現(xiàn)成比例的寬度。

不允許使用負值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。

2.右邊框寬度以下是引用片段：

語法: border-right-width: 值

允許值: thin | medium | thick | 長度

初始值: medium

適用于: 所有對象

向下兼容: 否

右邊框寬度屬性用于指定元素的右邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用于實現(xiàn)成比例的寬度。

不允許使用負值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。

3.下邊框寬度以下是引用片段：

語法: border-bottom-width: 值

允許值: thin | medium | thick | 長度

初始值: medium

適用于: 所有對象

向下兼容: 否

下邊框寬度屬性用于指定元素的下邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用于實現(xiàn)成比例的寬度。

不允許使用負值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。

4.左邊框寬度以下是引用片段：

語法: border-left-width: 值

允許值: thin | medium | thick | 長度

初始值: medium

適用于: 所有對象

向下兼容: 否

左邊框寬度屬性用于指定元素的左邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用于實現(xiàn)成比例的寬度。

不允許使用負值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。

5.邊框寬度以下是引用片段：

語法: border-width: 值

允許值: [ thin | medium | thick | 長度 ]{1,4}

初始值: 未定義

適用于: 所有對象

向下兼容: 否

邊框寬度屬性用一到四個值來設置元素的邊界，值是一個關鍵字或長度。不允許使用負值長度。如果四個值都給出了，它們分別應用于上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等。 這個屬性是上邊框寬度、右邊框寬度、下邊框寬度和左邊框寬度屬性的略寫。

也可以使用略寫的邊框屬性。

6.邊框顏色以下是引用片段：

語法: border-color: 值

允許值: 顏色{1,4}

初始值: 顏色屬性的值

適用于: 所有對象

向下兼容: 否

邊框顏色屬性設置一個元素的邊框顏色。可以使用一到四個關鍵字。如果四個值都給出了，它們分別應用于上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等。

也可以使用略寫的邊框屬性。

7.邊框樣式以下是引用片段：

語法: border-style: 值

允許值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}

初始值: none

適用于: 所有對象

向下兼容: 否

邊框樣式屬性用于設置一個元素邊框的樣式。這個屬性必須用于指定可見的邊框。可以使用一到四個關鍵字。如果四個值都給出了，它們分別應用于上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。

如果兩個或三個值給出了，省略了的值與對邊相等。也可以使用略寫的邊框屬性。

以下是引用片段：none：無樣式； dotted：點線； dashed：虛線； solid：實線； double：雙線； groove：槽線； ridge：脊線； inset：內凹； outset：外凸

8.上邊框以下是引用片段：

語法: border-top: 值 　

允許值: 上邊框寬度 || 邊框式樣 || 顏色

初始值: 未定義

適用于: 所有對象

向下兼容: 否

上邊框屬性是一個用于設置一個元素上邊框的寬度、式樣和顏色的略寫。

注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

9.右邊框

語法: border-right: 值

允許值: 右邊框寬度 || 邊框式樣 || 顏色

初始值: 未定義

適用于: 所有對象

向下兼容: 否

右邊框屬性是一個用于設置一個元素右邊框的寬度、式樣、和顏色的略寫。

注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

10.下邊框以下是引用片段：

語法: border-bottom: 值

允許值: 下邊框寬度 || 邊框式樣 || 顏色

初始值: 未定義

適用于: 所有對象

向下兼容: 否

下邊框屬性是一個用于設置一個元素的下邊框的寬度、式樣和顏色的略寫。

注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

11.左邊框以下是引用片段：

語法: border-left: 值

允許值: 左邊框寬度 || 邊框式樣 || 顏色

初始值: 未定義

適用于: 所有對象

向下兼容: 否

左邊框屬性是一個用于設置一個元素左邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。 下面的細線表格是用cellspacing來實現(xiàn)的，用表格的背景色做為邊框的顏色。

不方便的是每一行都要再設置一個背景色。

怎么樣把table表格使用css樣式居中顯示

1、普通居中。

align="center"

table?align="center"

tr

td商品名稱/td

td商品價格/td

td商品描述/td

td購買/td

/tr

/table

2、css樣式居中。

margin:0 auto

style?type="text/css"

table1{

margin:0?auto;/*?自動居中，不論王爺?shù)拇笮?*/

border:1;/*?邊框粗度?*/

width:80%;/*?寬度只占當前頁面的80%?*/

}

/style

table好看的css樣式

這個還行

style type="text/css"table.imagetable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #999999; border-collapse: collapse;

}table.imagetable th { background:#b5cfd2 url('cell-blue.jpg'); border-width: 1px; padding: 8px; border-style: solid; border-color: #999999;

}table.imagetable td { background:#dcddc0 url('cell-grey.jpg'); border-width: 1px; padding: 8px; border-style: solid; border-color: #999999;

}

/style

網頁標題：關于tablecss樣式的信息
文章分享：http://chinadenli.net/article12/dseoedc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站設計、手機網站建設、動態(tài)網站、品牌網站制作、品牌網站建設、網站內鏈

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)