连续的图像边框
图片方案
- 最上层是白色背景,用于放置内容,从 padding-box 开始渲染
- 下一层是图片,用于显示边框,从 border-box 开始渲染
也可以如下实现:
div {
border: 10px solid transparent;
background: linear-gradient(white, white) padding-box,
url('border.jpg') border-box 0 0 / cover;
}
渐变边框
- 信封边框
- 动态选择框