css表格的邊框線怎么設置

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

朝陽網站建設公司創(chuàng)新互聯(lián),朝陽網站設計制作，有大型網站制作公司豐富經驗。已為朝陽千余家提供企業(yè)網站建設服務。企業(yè)網站搭建\外貿網站建設要多少錢，請找那個售后服務好的朝陽做網站的公司定做！

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

-- separate 默認值：邊框會被分開，不會忽略 border-spacing 和 empty-cells 屬性；

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

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

雙線表格邊框的實現

html代碼：

table

tr

td內容/tdtd內容/tdtd內容/tdtd內容/tdtd內容/td

/tr

tr

td內容/tdtd內容/tdtd內容/tdtd內容/tdtd內容/td

/tr

tr

td內容/tdtd內容/tdtd內容/tdtd內容/tdtd內容/td

/tr

tr

td內容/tdtd內容/tdtd內容/tdtd內容/tdtd內容/td

/tr

/table

css代碼：

table,table td{

text-align: center;

border: 1px solid #000;

border-collapse：separate；

}

table td{

padding: 10px 30px;

}

表格邊框的雙線樣式其實很簡單，只要同時設置表格外邊框和table里的每個單元格的邊框，就可以實現了。

因為separate是默認值，就算是不設置border-collapse：separate；表格也會呈現雙線效果。

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

css代碼：

table,table tr td {

border: 1px solid #000;

text-align: center;

border-collapse: collapse;

}table tr td {

padding: 10px 30px;

}

單線邊框的實現也很簡單，它是在雙線樣式的基礎上，設置border-collapse: collapse;

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

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

怎么用CSS設置html中的表格邊框樣式

設置表格的樣式可以直接使用css的border樣式來設置的。

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

1、設置一個表格的外邊框為紅色，內邊框的為黃色，代碼如下：

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、運行的效果如下：

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

1.所有的均為細邊框。\x0d\x0atable,table td,table th{border:1px solid #ff0000;border-collapse:collapse;}\x0d\x0a\x0d\x0a2.指定的為細邊框，把放在中，用ID作索引，如下：\x0d\x0a#mdA table,#mdA table td,#mdA table th{border:1px solid #ff0000;border-collapse:collapse;}\x0d\x0a\x0d\x0a\x0d\x0a \x0d\x0a \x0d\x0a

\x0d\x0a \x0d\x0a

\x0d\x0a \x0d\x0a

\x0d\x0a \x0d\x0a\x0d\x0a

回答于?2022-11-16

搶首贊

已踩

查看全部1個回答

立即下載

— 為你推薦更多精彩內容 —

正在加載

加載失敗 點擊重新加載

微信

微博

QQ

QQ空間

答案糾錯

舉報

取消

贊賞答主

5

10

50

100

200

已贊賞0財富值

合計：0 財富值

登錄后贊賞

選擇舉報類型

侵犯版權

色情低俗

涉嫌違法犯罪

時政信息不實

垃圾廣告

低質灌水

工作人員會在48小時內處理,處理結果請關注系統(tǒng)通知,感謝您對百度知道的支持。

確定

void function(a,b,c,d,e,f){function g(b){a.attachEvent?a.attachEvent("onload",b,!1):a.addEventListener&&a.addEventListener("load",b)}function h(a,c,d){d=d||15;var e=new Date;e.setTime((new Date).getTime()+1e3*d),b.cookie=a+"="+escape(c)+";path=/;expires="+e.toGMTString()}function i(a){var c=b.cookie.match(new RegExp("(^| )"+a+"=([^;]*)(;|$)"));return null!=c?unescape(c[2]):null}function j(){var a=i("PMS_JT");if(a){h("PMS_JT","",-1);try{a=a.match(/{["']s["']:(\d+),["']r["']:["']([\s\S]+)["']}/),a=a&&a[1]&&a[2]?{s:parseInt(a[1]),r:a[2]}:{}}catch(c){a={}}a.r&&b.referrer.replace(/#.*/,"")!=a.r||alog("speed.set","wt",a.s)}}if(a.alogObjectConfig){var k=a.alogObjectConfig.sample,l=a.alogObjectConfig.rand;d="https:"===a.location.protocol?""+d:""+d,k&&l&&l>k||(g(function(){alog("speed.set","lt",+new Date),e=b.createElement(c),e.async=!0,e.src=d+"?v="+~(new Date/864e5)+~(new Date/864e5),f=b.getElementsByTagName(c)[0],f.parentNode.insertBefore(e,f)}),j())}}(window,document,"script","/hunter/alog/dp.mobile.min.js");

window.tt = 1669814405;

當前名稱：表格邊框樣式css,表格邊框樣式怎么設置
當前URL：http://chinadenli.net/article31/dsiogpd.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站改版、定制開發(fā)、軟件開發(fā)、App設計、網站營銷、網站維護

廣告

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