這篇文章給大家分享的是有關(guān)css 不規(guī)則邊框的設(shè)置方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

在鐘樓等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站制作 網(wǎng)站設(shè)計制作按需定制制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計,營銷型網(wǎng)站建設(shè),外貿(mào)營銷網(wǎng)站建設(shè),鐘樓網(wǎng)站建設(shè)費(fèi)用合理。

css不規(guī)則邊框的設(shè)置方法：首先創(chuàng)建一個HTML示例文件；然后通過“border-image: url(border.png) 30 stretch;”屬性設(shè)置不規(guī)則邊框即可。css如何設(shè)置不規(guī)則邊框？

在CSS中，可以通過border-image屬性來設(shè)置不規(guī)則邊框。border-image屬性可以使用圖像來設(shè)置邊框的樣式。

示例：

border-image 屬性用于指定一個元素的邊框圖像。
在這里，圖像平鋪（重復(fù)），以填補(bǔ)該地區(qū)。

在這里，圖像被拉伸以填補(bǔ)該地區(qū)

這是原始圖片:

效果圖：

border-image屬性

語法

border-image: source slice width outset repeat|initial|inherit;

屬性值：

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)于“css 不規(guī)則邊框的設(shè)置方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！