主页
CSS 参考手册
CSS border-image-outset 属性
trycss_play_border-image-outset
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> body { background-color:#E7E9EB; } #myDIV { height:300px; background-color:#FFFFFF; border: 15px solid transparent; padding: 15px; border-image-source:url('/demo/images/border.png'); border-image-repeat: stretch; border-image-slice: 30; border-image-width: 10px; border-image-outset: 10px; } </style> </head> <body> <h1>The border-image-outset Property</h1> <div id="myDIV"> <p>A demonstration on how to set the border image.</p> <p>We used this image:<br> <img src="/demo/images/border.png"> </p> </div> </body> </html>