CSS3 border-image-source属性
作用:划定要运用的图象,替代 border-style 属性中设置的边框款式。
语法:
border-image-source: none|image;
none:示意不运用图象。
image:示意用作边框的图象的途径。
申明:假如值为 "none",或许假如图象没法显现,则运用边框款式。
CSS3 border-image-source属性的运用示例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div { border: 30px solid transparent; width: 200px; height: 50px; border-image-source: url('https://img.ki4.cn/upload/article/000/000/024/5c62637b1a4fe853.png'); border-image-repeat: round; border-image-slice:30; } </style> </head> <body> <div> DIV 运用图象边框 </div> </body> </html>
效果图:
以上就是border-image-source属性怎样用的细致内容,更多请关注ki4网别的相干文章!