建站
咨詢
售后
建站咨詢
新聞中心
這篇文章給大家分享的是有關(guān)css3將圖像設(shè)置為元素周圍邊框的方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
成都創(chuàng)新互聯(lián)公司長期為上1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為臨高企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計、成都網(wǎng)站制作，臨高網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
在網(wǎng)頁設(shè)計過程中，使用css3圖像邊框?qū)傩钥梢源蟠蟮奶嵘W(wǎng)頁整體美觀效果，以及豐富頁面內(nèi)容。那么css3中的圖像邊框?qū)傩砸簿褪莃order-image 屬性。
推薦學(xué)習(xí)：《CSS3教程》
下面我們就通過具體的代碼示例，給大家介紹css3中border-image 屬性用法。
也就是將圖像指定為元素周圍的邊框。
代碼如下：
border-image 邊框圖像屬性,將圖片規(guī)定為包圍 div 元素的邊框：
這里圖像的中間部分被重復(fù)以創(chuàng)建邊界。
這里圖像的中間部分被拉伸以創(chuàng)建邊界。
這里原始的圖片如下：
將此圖像按照要求指定為元素周圍的邊框，效果如下：
border-image屬性可以允許你將圖片或CSS漸變形狀作為一個元素的邊框。
border-image 屬性是一個簡寫屬性，用于設(shè)置以下屬性：
border-image-source /*用于指定要用于繪制邊框的圖像的位置*/ border-image-slice /*圖像邊界向內(nèi)偏移*/ border-image-width /*圖像邊界的寬度*/ border-image-outset /*用于指定在邊框外部繪制 border-image-area 的量*/ border-image-repeat /*用于設(shè)置圖像邊界是否應(yīng)重復(fù)（repeat）、拉伸（stretch）或鋪滿（round）。*/
感謝各位的閱讀！關(guān)于css3將圖像設(shè)置為元素周圍邊框的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
當(dāng)前名稱：css3將圖像設(shè)置為元素周圍邊框的方法
新聞來源：http://www.dlmjj.cn/article/pgjcco.html
