css3--边框图像自动拉伸的属性

页面效果:

`

<head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <style type="text/css"> div[id=image-boarder] { width: 450px; border: 10px solid transparent; padding-top: 20px; padding-left: 14px; /* 利用了边框图像自动拉伸的属性 */ border-image: url(border.png) 30 round; } </style> </head> <body> <div id="image-boarder"> ·示例文字1<br /> ·示例文字2<br /> ·示例文字3<br /> ·示例文字4<br /> ·示例文字4<br /> ·示例文字4<br /> ·示例文字4<br /> </div> </body> `
posted @ 2022-05-05 21:30  是豆腐啊  阅读(110)  评论(0编辑  收藏  举报