熱門文章
- Bootstrap安裝教程 (發(fā)布時(shí)間：2021-06-25 17:03:51)
- bootstrap框架怎么用？10分鐘教你學(xué)會(huì)使用bootstrap開發(fā)網(wǎng)頁 (發(fā)布時(shí)間：2021-06-25 16:32:17)
- Bootstrap5 出來了，我應(yīng)該學(xué)習(xí)Bootstrap4還是Bootstrap5？ (發(fā)布時(shí)間：2021-05-02 13:21:53)
最新文章
- 我通過重新學(xué)習(xí) HTML 學(xué)到的東西 (發(fā)布時(shí)間：2021-06-30 17:37:25)
- 設(shè)計(jì)師：注意你的語言 (發(fā)布時(shí)間：2021-06-30 17:28:00)
- 設(shè)計(jì)全方位搜索 (發(fā)布時(shí)間：2021-06-30 17:12:41)
- CSS 垂直媒體查詢的用例 (發(fā)布時(shí)間：2021-06-30 17:05:47)
- 世界上最受歡迎的排版博客現(xiàn)在有一家商店 (發(fā)布時(shí)間：2021-06-30 17:05:31)
- 每天學(xué)習(xí)前端 Web 開發(fā)的旅程 (發(fā)布時(shí)間：2021-06-30 16:31:02)
- Bootstrap安裝教程 (發(fā)布時(shí)間：2021-06-25 17:03:51)
- bootstrap框架怎么用？10分鐘教你學(xué)會(huì)使用bootstrap開發(fā)網(wǎng)頁 (發(fā)布時(shí)間：2021-06-25 16:32:17)
- 2021年世界上制造業(yè)網(wǎng)站設(shè)計(jì)的 5 個(gè)最佳范例 (發(fā)布時(shí)間：2021-06-22 15:29:54)
- CMS 的興起和“網(wǎng)站管理員”的衰落 (發(fā)布時(shí)間：2021-06-22 15:26:45)
怎么用css設(shè)置table表格邊框的顏色
發(fā)布時(shí)間：2021-06-22 15:26:45
在工作中我們常常需要修改table邊框的顏色，那么在css中我們?cè)撊绾蝸韺?shí)現(xiàn)這一效果呢？其實(shí)非常簡(jiǎn)單，下面就讓我們一起來看看吧。在工作中我們常常需要修改table邊框的顏色，那么在css中我們?cè)撊绾蝸韺?shí)現(xiàn)這一效果呢？其實(shí)非常簡(jiǎn)單，下面就讓我們一起來看看吧。
使用屬性：
border-color屬性設(shè)置一個(gè)元素的四個(gè)邊框顏色。
屬性值：
color 指定背景顏色。
transparent 指定邊框的顏色應(yīng)該是透明的。這是默認(rèn)
inherit 指定邊框的顏色，應(yīng)該從父元素繼承
代碼示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p{width: 500px;height: 100px;}
p.one {border-style: solid; border-color: #0000ff;}
p.two {border-style: solid;border-color: #ff0000 #0000ff;}
p.three {border-style: solid;border-color: #ff0000 #00ff00 #0000ff;}
p.four {border-style: solid;border-color: #ff0000 #00ff00 #0000ff rgb(250, 0, 255);}
</style>
</head>
<body>
<p class="one">One-colored border!</p>
<p class="two">Two-colored border!</p>
<p class="three">Three-colored border!</p>
<p class="four">Four-colored border!</p>
</body>
</html>