這篇文章主要介紹了如何設置div邊框的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇如何設置div邊框文章都會有所收獲，下面我們一起來看看吧。

設置裝備擺設div邊框border技倆

對div設置邊框CSS5給大家引見三種法子。

首先找到邊框CSS單詞：border

一、直接div標簽內設置邊框

1、div邊框實例代碼

<divstyle="border:3pxsolid#F00">設置裝備擺設div邊框厚度3px，實線血色邊框</div>

2、成效截圖

3、注明直接對div標簽內使用style屬性并直接設置裝備擺設css邊框便可。

二、外部CSS對div設置裝備擺設邊框

1、CSS代碼

.exp{border:1pxdashed#00F}

2、HTML代碼

<divclass="exp">配置div邊框厚度1px，虛線藍色色邊框</div>

3、實例截圖

特別注明這里CSS代碼放HTML頁面內，并使用style標簽。若是是放入外部CSS文件，CSS代碼直接放CSS文件內，就不需求style標簽。

三、經由過程div父級對其設置裝備擺設邊框花式

1、實例CSS代碼

.abcdiv{border:4pxsolid#090}

2、HTML代碼

<div>我在DIV內然則不有邊框</div><div>我在DIV內然而父級是class=abc所以我這個DIV有邊框</div><divclass="abc">我誠然是在class=abc內，然則我不有在此子級div內</div></div><divclass="abc">

3、成就截圖

4、闡明從以上實例，一樣在div內，因為div父級不是.abc以是沒有邊框格式。因為class=abc本身不有設置裝備擺設CSS邊框，只對class=abc子級div設置邊框，所以瞥見以上成就。

總結

以上是生活随笔為你收集整理的如何设置div边框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。