css - 关于border-image

Question

为什么我在p元素的内部写入结构时，边框图片就出不来，但是统一p格式时就可以出现呢？

单独p格式：

#p2 {
            -webkit-border-image: url(border.png) 30 30 round;
            border:15px solid transparent;
            width:300px;
            padding:10px 20px;
        }
<p id="p2">
            <span>边框图片</span>
        </p>

结果：

统一p格式：

#p2 {
            -webkit-border-image: url(border.png) 30 30 round;
        }
        p{
            border:15px solid transparent;
            width:300px;
            padding:10px 20px;
        }
<p id="p2">
            <span>边框图片</span>
        </p>

结果：

Answer 1

我的就可以啊

你檢查你的css樣式是不是哪裡有被覆蓋，或者哪裡寫作單字了，看看程式碼有沒有錯誤（類似於該高亮顯示的沒有高亮顯示）