css設置table邊框顏色的方法
這篇文章將為大家詳細講解有關css設置table邊框顏色的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
為永和等地區(qū)用戶提供了全套網頁設計制作服務，及永和網站建設行業(yè)解決方案。主營業(yè)務為成都網站制作、成都做網站、外貿營銷網站建設、永和網站設計，以傳統(tǒng)方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！
css設置table邊框的顏色的方法是，給table邊框添加border-color屬性，并且設置屬性值為需要的顏色即可，例如【border-color:#ff0000 #0000ff;】。
本文操作環(huán)境：windows10系統(tǒng)、css 3、thinkpad t480電腦。
要設置table邊框的顏色，最簡單的方式就是使用border-color屬性，通過該屬性可以設置一個元素的四個邊框顏色。
屬性值：
color 指定背景顏色。在CSS顏色值查找顏色值的完整列表
transparent 指定邊框的顏色應該是透明的。這是默認
inherit 指定邊框的顏色，應該從父元素繼承
舉例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
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>
<p><b>注意:</b> "border-color" 屬性 如果單獨使用則不起作用. 要先使用 "border-style" 屬性來設置 borders .</p>
</body>
</html>運行結果：
什么是css
css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言，主要是用來設計網頁的樣式，使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結構決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網頁，也可以配合各種腳本對于網頁進行格式化。
關于“css設置table邊框顏色的方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
網頁名稱：css設置table邊框顏色的方法
轉載注明：http://chinadenli.net/article4/pijdoe.html
成都網站建設公司_創(chuàng)新互聯(lián)，為您提供手機網站建設、定制開發(fā)、營銷型網站建設、域名注冊、網站內鏈、品牌網站設計
聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
