溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
css 中如何使用border-image-source屬性，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
css border-image-source屬性用于指定要使用的圖像，從而替代border-style屬性中設置的邊框樣式。但當屬性值為 "none"，或者如果圖像無法顯示時，則還需使用邊框樣式。
css border-image-source屬性怎么用？
border-image-source屬性規定要使用的圖像，從而替代border-style屬性中設置的邊框樣式。
語法：
border-image-source: none|image;
屬性值：
● none：不使用圖像。
● image：用作邊框的圖像的路徑，使用url()包含。
注釋：如果值為 "none"，或者如果圖像無法顯示，則使用邊框樣式。
css border-image-source屬性 語法
<!DOCTYPE html><html><head><meta charset="UTF-8"><style> div { border: 30px solid transparent; width: 200px; height: 50px; border-image-source: url('https://cache.yisu.com/upload/information/20201210/269/44342.png'); border-image-repeat: round; border-image-slice:30;}</style></head><body><div>DIV 使用圖像邊框</div><p>使用的圖片:</p><img src="https://cache.yisu.com/upload/information/20201210/269/44342.png"></body></html>看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
