我正在嘗試通過使用帶有邊框影像的 SVG 來制作影片邊框半徑，并使用邊框半徑將其四舍五入。我有overflow: hidden;，但邊界似乎不受此屬性的影響。我將在下面給出當前代碼，以及 JSFiddle 中的邊框樣式示例。任何幫助表示贊賞！
margin: 0 auto;
height: 80vh;
font-size: 3vw;
overflow: hidden;
border: 5px solid;
border-image: url(../images/borderAnimation.svg) 5 stretch;
border-radius: 15px;
background-color: rgb(70, 70, 70);
JSFiddle：https ://jsfiddle.net/madaley/vfunmsr7/
uj5u.com熱心網友回復：
我知道這是一種作弊，但如果你可以嵌套元素，那么父元素可以有一個背景，而子元素可以用顏色掩蓋背景：
div.wrapper {
width: 300px;
height: 200px;
border-radius: 10px;
padding: 5px;
background-image: url(https://www.public.asu.edu/~madaley1/images/borderAnimation.svg);
display: flex;
align-items: center;
justify-content: center;
}
div.wrapper>div {
width: 100%;
height: 100%;
border-radius: 5px;
box-sizing: border-box;
background: white;
}<div class="wrapper">
<div></div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/467639.html