方法:1、用“表格元素{border-top-color:transparent}”語句設(shè)置上邊框顏色透明,進(jìn)而隱藏表格上邊框;2、用“表格元素{border-top-style:none}”語句讓表格元素沒有上邊框,也就是隱藏表格上邊框。
青白江網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),青白江網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為青白江近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個(gè)售后服務(wù)好的青白江做網(wǎng)站的公司定做!
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css怎樣隱藏表格上邊框
1、在css中,想要隱藏表格的上邊框,可以利用border-top-color屬性,將表格上邊框的顏色設(shè)置為透明即可。
border-top-color 用于設(shè)置元素的上邊框的顏色。
示例如下:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style>table{ border-top-color:transparent;}</style><table border="1"> <tr> <td>111</td> <td>222</td> </tr> <tr> <td>333</td> <td>444</td> </tr> <tr> <td>555</td> <td>666</td> </tr> <tr> <td>777</td> <td>888</td> </tr></table></body></html>輸出結(jié)果:
2、在css中,還可以利用border-top-style屬性來設(shè)置元素上邊框的樣式。
當(dāng)屬性值為none時(shí),定義元素沒有上邊框。
示例如下:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style>table{ border-top-style:none;}td{ border-top-style:none;}</style><table border="1"> <tr> <td>111</td> <td>222</td> </tr> <tr> <td>333</td> <td>444</td> </tr> <tr> <td>555</td> <td>666</td> </tr> <tr> <td>777</td> <td>888</td> </tr></table></body></html>輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)
新聞標(biāo)題:css怎樣隱藏表格上邊框
轉(zhuǎn)載源于:http://m.rwnh.cn/article24/cpdjce.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、定制網(wǎng)站、自適應(yīng)網(wǎng)站、微信小程序、虛擬主機(jī)、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)