css表格的邊框線怎么設(shè)置

border-collapse 屬性：設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框，即：用于設(shè)置表格邊框是合并顯示還是分開顯示。

目前創(chuàng)新互聯(lián)公司已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、渭城網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

border-collapse 屬性設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框。它有以下幾個(gè)值：

-- separate 默認(rèn)值：邊框會(huì)被分開，不會(huì)忽略 border-spacing 和 empty-cells 屬性；

-- collapse：如果可能，邊框會(huì)合并為一個(gè)單一的邊框。會(huì)忽略 border-spacing 和 empty-cells 屬性；

-- inherit：規(guī)定應(yīng)該從父元素繼承 border-collapse 屬性的值。

雙線表格邊框的實(shí)現(xiàn)

html代碼：

table

tr

td內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/td

/tr

tr

td內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/td

/tr

tr

td內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/td

/tr

tr

td內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/tdtd內(nèi)容/td

/tr

/table

css代碼：

table,table td{

text-align: center;

border: 1px solid #000;

border-collapse：separate；

}

table td{

padding: 10px 30px;

}

表格邊框的雙線樣式其實(shí)很簡單，只要同時(shí)設(shè)置表格外邊框和table里的每個(gè)單元格的邊框，就可以實(shí)現(xiàn)了。

因?yàn)閟eparate是默認(rèn)值，就算是不設(shè)置border-collapse：separate；表格也會(huì)呈現(xiàn)雙線效果。

我們主要是來看看border-collapse屬性合并邊框，實(shí)現(xiàn)單線邊框的方法，html代碼一樣，只需設(shè)置css樣式：

css代碼：

table,table tr td {

border: 1px solid #000;

text-align: center;

border-collapse: collapse;

}table tr td {

padding: 10px 30px;

}

單線邊框的實(shí)現(xiàn)也很簡單，它是在雙線樣式的基礎(chǔ)上，設(shè)置border-collapse: collapse;

把相鄰的兩個(gè)table邊框合并成一個(gè)，使得相鄰的兩條線并在一起，邊框就以單線的形式顯示了。

總結(jié)：表格邊框的無論是單線邊框樣式，還是雙線邊框樣式都在前端頁面中應(yīng)用廣泛，大家可以根據(jù)自己

css樣式豎線怎么寫

1,"首頁|校園|課程"----中間用豎線2,首頁校園課程用li的右/左border,然后單獨(dú)處理最后/最前一個(gè),讓它的當(dāng)做豎線的border:none;3,2的方法中,border當(dāng)作分隔線,有時(shí)會(huì)感覺線的高度太高(大于字體高度),如果想用和字體高度差不多的,或者有漸變效果的,就需要自己作一個(gè)1px寬的圖片,當(dāng)做li的背景,不平鋪,定位到右邊或者左邊.我一般都采用第3種方法,如果有什么不懂,可再交流..

什么是CSS樣式,以及CSS樣式包含那幾種類型?

CSS即層疊樣式表（Cascading Style Sheets），是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。

CSS樣式主要包含以下三種類型：

1、行內(nèi)樣式（內(nèi)嵌樣式）：結(jié)構(gòu)的內(nèi)部，即寫在標(biāo)簽內(nèi)的樣式；寫在標(biāo)簽的開始部分內(nèi)部，style屬性當(dāng)中。

例：標(biāo)記 style="樣式的屬性名1：樣式的屬性值1；屬性名2：屬性值2；......"/標(biāo)記

2、內(nèi)部樣式（內(nèi)聯(lián)樣式）：寫在HTML頁面內(nèi)部，存放于head標(biāo)記當(dāng)中，樣式寫在style標(biāo)記內(nèi)。

例：style選擇器 {屬性名：屬性值；屬性名：屬性值；......}/style

3、外部樣式（外聯(lián)樣式）：寫在css文件內(nèi)。

例：link type="text/css" rel="stylesheet" href="css/main.css" /

擴(kuò)展資料：

使用CSS樣式的優(yōu)點(diǎn)：

CSS有助于實(shí)現(xiàn)負(fù)責(zé)任的Web設(shè)計(jì)。CSS對(duì)開發(fā)者構(gòu)建Web站點(diǎn)的影響很大，并且這種影響可能是無止境的。將網(wǎng)頁的大部分甚至是全部的表示信息從HTML或XML文件中移出，并將它們保留在一個(gè)樣式表中有諸多優(yōu)點(diǎn)，如降低文件大小、節(jié)省網(wǎng)絡(luò)帶寬以及易于維護(hù)等。

此外，站點(diǎn)的表現(xiàn)信息和核心內(nèi)容相分離，使得站點(diǎn)的設(shè)計(jì)人員能夠在短暫的時(shí)間內(nèi)對(duì)整個(gè)網(wǎng)站進(jìn)行各種各樣的修改。

CSS簡化了網(wǎng)頁的格式代碼，外部的樣式表還會(huì)被瀏覽器保存在緩存里，加快了下載顯示的速度，也減少了需要上傳的代碼數(shù)量（因?yàn)橹貜?fù)設(shè)置的格式將被只保存一次）。

只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個(gè)站點(diǎn)的風(fēng)格特色，在修改頁面數(shù)量龐大的站點(diǎn)時(shí)，顯得格外有用。這就避免了一個(gè)個(gè)網(wǎng)頁的修改，大大減少了工作量。

參考資料來源：百度百科-CSS

網(wǎng)頁題目：css線的樣式,css下劃線樣式
標(biāo)題URL：http://biofuelwatch.net/article/dsddgie.html