css怎樣隱藏表格上邊框

方法：1、用“表格元素{border-top-color:transparent}”語句設置上邊框顏色透明，進而隱藏表格上邊框；2、用“表格元素{border-top-style:none}”語句讓表格元素沒有上邊框，也就是隱藏表格上邊框。
青白江網站建設公司創新互聯,青白江網站設計制作，有大型網站制作公司豐富經驗。已為青白江近千家提供企業網站建設服務。企業網站搭建\成都外貿網站建設要多少錢，請找那個售后服務好的青白江做網站的公司定做！

本教程操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。

css怎樣隱藏表格上邊框

1、在css中，想要隱藏表格的上邊框，可以利用border-top-color屬性，將表格上邊框的顏色設置為透明即可。

border-top-color 用于設置元素的上邊框的顏色。

示例如下：

<!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>

輸出結果：

2、在css中，還可以利用border-top-style屬性來設置元素上邊框的樣式。

當屬性值為none時，定義元素沒有上邊框。

示例如下：

<!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>

輸出結果：

（學習視頻分享：css視頻教程）

新聞標題：css怎樣隱藏表格上邊框
轉載源于：http://www.yijiale78.com/article24/cpdjce.html

成都網站建設公司_創新互聯，為您提供云服務器、定制網站、自適應網站、微信小程序、虛擬主機、小程序開發

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

猜你還喜歡下面的內容

99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

css怎樣隱藏表格上邊框