固定边界半径[重复]

Question

我正在为图像滑块设置样式，但在为其边框添加渐变后，border-radius 属性停止工作。我试过使用其他几个属性，但没有任何效果。我该怎么办？

代码如下：

.slider {
  margin: 0 auto;
  border-style: solid;
  border-width: 2.5px;
  border-image: linear-gradient(45deg, #b63c8e, #0a6cdf) 1;
  border-radius: 10px;
  width: 800px;
  height: 400px;
  position: relative;
  overflow: hidden;
}

我尽我所能，我希望能解决我的问题:(

Answer 1

尝试添加

aspect-ratio

属性。

.slider {
  aspect-ratio: 16/9;
  margin: 0 auto;
  border-style: solid;
  border-width: 2.5px;
  border-image: linear-gradient(45deg, #b63c8e, #0a6cdf) 1;
  border-radius: 10px;
  width: 800px;
  height: 400px;
  position: relative;
  overflow: hidden;
}

你可以把16/9改成你喜欢的样子