怎么用CSS設(shè)置html中的表格邊框樣式

設(shè)置表格的樣式可以直接使用css的border樣式來(lái)設(shè)置的。

10年積累的成都網(wǎng)站建設(shè)、做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)制作后付款的網(wǎng)站建設(shè)流程，更有大武口免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

工具原料：編輯器、瀏覽器

1、設(shè)置一個(gè)表格的外邊框?yàn)榧t色，內(nèi)邊框的為黃色，代碼如下：

body?

table

tr

td知道/td

td知道/td

td知道/td

/tr

tr

td知道/td

td知道/td

td知道/td

/tr

tr

td知道/td

td知道/td

td知道/td

/tr

/table

style

table?{

border:1px?solid?red;

}

td{

border:?1px?solid?yellow;

}

/style

/body

2、運(yùn)行的效果如下：

CSS 表格屬性

CSS表格屬性用于設(shè)置HTML表格的樣式，HTML表格由 table/table 標(biāo)簽嵌套 tbody ， tr ， td 等標(biāo)簽組成，一個(gè)HTML表格默認(rèn)至少包含table，tbody，tr，td四個(gè)元素。

CSS表格屬性：

顯示表格邊框有時(shí)候特別重要，它能讓表格結(jié)構(gòu)更清晰。

默認(rèn)的表格有雙邊框，這是因?yàn)楸砗蛅h/ td元素有獨(dú)立的邊界。border-collapse 屬性設(shè)置表格的邊框是否被折疊成一個(gè)單一的邊框或隔開(kāi)。

怎么設(shè)置css表格的樣式(顏色等)

下面來(lái)個(gè)例子，你可以復(fù)制到你的編輯器里修改測(cè)試

style?type="text/css"

table.gridtable?{}{

font-family:?verdana,arial,sans-serif;

font-size:11px;

color:#333333;

border-width:?1px;

border-color:?#666666;

border-collapse:?collapse;

}

table.gridtable?th?{}{

border-width:?1px;

padding:?8px;

border-style:?solid;

border-color:?#666666;

background-color:?#dedede;

}

table.gridtable?td?{}{

border-width:?1px;

padding:?8px;

border-style:?solid;

border-color:?#666666;

background-color:?#ffffff;

}

/style

!--?Table?goes?in?the?document?BODY?--

table?class="gridtable"

tr

thInfo?Header?1/ththInfo?Header?2/ththInfo?Header?3/th

/tr

tr

tdText?1A/tdtdText?1B/tdtdText?1C/td

/tr

tr

tdText?2A/tdtdText?2B/tdtdText?2C/td

/tr

/table

CSS（層疊樣式表）級(jí)聯(lián)樣式表是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。

css表格樣式怎么實(shí)現(xiàn)？

table{

border-collapse: collapse; //相鄰邊被合并

background-color: #cccccc; //設(shè)置表格背景色

border-top: 1px solid #000000; //設(shè)置表格上邊框顏色

border-left: 1px solid #000000; //設(shè)置表格左邊框顏色

border-right: 1px solid #000000; //設(shè)置表格右邊框顏色

border-bottom: 1px solid #000000; //設(shè)置表格下邊框顏色

}

td {

border-right: 1px solid #000000; //設(shè)置td顏色

border-bottom: 1px solid #000000; //

}

表格制作練習(xí)可以到實(shí)戰(zhàn)幫。

網(wǎng)頁(yè)名稱(chēng)：css表格的樣式,css表格樣式添加邊框
鏈接分享：http://chinadenli.net/article16/phjcdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、網(wǎng)站收錄、App設(shè)計(jì)、商城網(wǎng)站、自適應(yīng)網(wǎng)站、網(wǎng)站排名

廣告

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