CSS border-image-repeat 屬性用于將邊框圖像設(shè)置為圓角、重復(fù)和拉伸。
示例
您可以嘗試運(yùn)行以下代碼實(shí)現(xiàn) border-image-repeat 屬性 –
現(xiàn)場(chǎng)演示
<html> <head> <style> #borderimg1 { border: 15px solid transparent; padding: 15px; border-image-source: url(https://tutorialspoint.com/css/images/border.png); border-image-repeat: round; border-image-slice: 50; border-image-width: 10px; } </style> </head> <body> <p id = "borderimg1">This is image border example.</p> </body> </html>
登錄后復(fù)制
以上就是CSS 邊框圖像重復(fù)的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注www.92cms.cn其它相關(guān)文章!