不,你不能; 不是这样的。
顾名思义, border-image CSS属性用于绘制边框。 虽然您看到的似乎是“背景图像”,但实际上是一个边框对象,将您的图像分割为一个3x3的网格矩形,覆盖了整个按钮区域; 然后“拉伸”每个部分以填充其自己的矩形。
+-----------+---------+------------+
| top left | top | top right |
+-----------+---------+------------+
| left | center | right |
+-----------+---------+------------+
|bottom left| bottom |bottom right|
+-----------+---------+------------+
要了解所有这些工作原理,请阅读样式表示例文档的“常见错误”部分。 这是实际发生的情况(为方便起见,我使用半角/半高边距,因此仅显示了4个“角度”矩形,因此left , top , right , bottom和center矩形将为null ):
如果要使用交互显示边框的样式表,则标准方法是为按钮状态设置2个不同的图像,并且两个图像都需要