css零到一高级教程002:CSS 边框图像

CSS 边框图像
 

CSS border-image 属性
CSS border-image 属性允许您指定要使用的图像,而不是包围普通边框。
该属性有三部分:

用作边框的图像
在哪里裁切图像
定义中间部分应重复还是拉伸

我们将使用这幅图像("border.png")
 
border-image 属性接受图像,并将其切成九部分,就像井字游戏板。然后,将拐角放置在拐角处,并根据您的设置重复或拉伸中间部分。
注意:为了使 border-image 起作用,该元素还需要设置 border 属性!
此处,重复图像的中间部分以创建边框:

css零到一高级教程002:CSS 边框图像最先出现在Python成神之路

版权声明:
作者:倾城
链接:https://www.techfm.club/p/27230.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>