css如何設置div邊框顏色

這篇文章主要講解了“ css如何設置div邊框顏色”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“ css如何設置div邊框顏色”吧！

成都創新互聯是專業的峨邊彝族網站建設公司，峨邊彝族接單;提供成都做網站、網站制作,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行峨邊彝族網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!

一、div四條邊的邊框顏色配置

如果不設置邊框寬度粗細，只配置border-color色彩將是有用的。一般咱們會簡寫邊框名目代碼。

border:1px solid #F00
這樣簡單設置裝備擺設對象邊框厚度為1px實體線紅色邊框。

1、實例CSS代碼

.exp{ width:200px; border:1px solid #F00}

2、邊框色彩實例div代碼

<div class="exp">我4條邊邊框色采為血色</div>

3、4條邊色彩設置裝備擺設實例截圖

CSS容易配置4條邊框顏色實例截圖

二、div上邊框顏色設置

零丁設置裝備擺設上邊框色彩屬性使用border-top（上邊框）來設置。

1、實例CSS代碼

.exp-top{ width:200px; border-top:1px solid #F00}

2、實例HTML代碼

<div class="exp-top">我上邊邊框色采為血色</div>

3、上邊框顏色功效截圖

設置裝備擺設css上邊框色采實例截圖

三、配置div下邊框色采

下邊框CSS單詞border-bottom

1、下邊框色彩名堂實例CSS代碼

.exp-bottom{ width:200px; border-bottom:1px solid #F00}

2、下邊框色彩花色實例html代碼

<div class="exp-bottom">我下邊邊框顏色為紅色</div>

3、下邊框顏色花色實例CSS截圖

css設置div下邊框色采設置裝備擺設實例截圖

四、div左邊框色調設置裝備擺設

div左邊框色調所需CSS單詞border-left

1、設置裝備擺設div左邊框色調CSS代碼

.exp-left{ width:200px; border-left:1px solid #F00}

2、實例div左邊框色彩html代碼

<div class="exp-left">我左邊邊框色調為赤色</div>

3、設置裝備擺設div左邊框色彩實例截圖

div的左邊框色采設置裝備擺設實例截圖

五、設置div左側框顏色

同理配置右邊框css單詞為border-right
1、實例CSS代碼

.exp-right{ width:200px; border-right:1px solid #F00}

2、實例HTML代碼

<div class="exp-right">我左邊邊框色彩為血色</div>

3、div的左側框顏色實例截圖

感謝各位的閱讀，以上就是“ css如何設置div邊框顏色”的內容了，經過本文的學習后，相信大家對 css如何設置div邊框顏色這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創新互聯，小編將為大家推送更多相關知識點的文章，歡迎關注！

新聞標題：css如何設置div邊框顏色
標題路徑：http://m.kartarina.com/article44/pihphe.html

成都網站建設公司_創新互聯，為您提供網站收錄、App設計、網站內鏈、云服務器、域名注冊、商城網站

廣告

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