📦 归档笔记 — 原创建于 WizNote,仅作归档展示;观点以当年为准,非最新。

border-image图片边框的使用

创建时间2021-11-22最后修改2021-11-22原位置/程序员成长之旅/HTML+css网页学习/笔记/字数87
目录:程序员成长之旅/HTML+css网页学习/笔记

border-image图片边框的使用


border-image-source: url(./images/shuzi.png);# 设置图片边框的图片文件源文件位置

border-image-width: 40px;# 该值设定每一个slice出来的图片在边框中的长度

border-image-slice: 33%;# 该值表示在源图中取的长度

border-image-repeat: stretch;# 重复模式: stretch拉伸 repeat重复