這篇文章主要介紹了CSS3如何使用新增邊框?qū)傩灾谱麝P(guān)門開門效果，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司是專業(yè)的無極網(wǎng)站建設(shè)公司，無極接單;提供網(wǎng)站建設(shè)、成都做網(wǎng)站,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行無極網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

border:寬度類型顏色小數(shù)不支持

  border-width：邊框的寬度    thin細(xì)的 

                               medium默認(rèn)的

                               thick粗的

                             不常用

                     數(shù)值px

  border-style:none沒有邊框 = hidden（用于表格除外，用來解決表格邊框沖突）

                   solid實(shí)線型

                   dotted點(diǎn)狀

                   dashed虛線

                   double雙線

  border-color:十六進(jìn)制 #fff  transparent透明

  border: 1px solid #000;

  border-top: 1px solid #000;上邊框    

        border-top-width

         border-top-style

         border-top-color

  border-right：

  border-bottom:

  border-left:

css3新增的屬性

border-image: 使用圖片來填充邊框

         border-image-source:圖片的來源，路徑

         border-image-slice：圖片的分割方式

         border-image-width：圖片的寬度

        border-image-outset：圖片擴(kuò)展

         border-image-repeat：圖片重復(fù)

效果實(shí)現(xiàn)代碼：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“CSS3如何使用新增邊框?qū)傩灾谱麝P(guān)門開門效果”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!