html 边框颜色顺风CSS

yv5phkfx  于 2023-08-01  发布在  其他
关注(0)|答案(1)|浏览(99)

有什么方法可以通过Tailwind制作一个2色的边框?我试图使一个黑色和白色的顶部边界,但它不会让我使用梯度,因为这些只是背景
我尝试使用CSS方法,有一个小容器,并给外部容器一个渐变颜色,但我想知道是否有一个更直观的方法,只是应用线性渐变边界本身

e5nszbig

e5nszbig1#

不,小容器 Package 在大容器周围是这个问题的正常解决方案。即使在使用普通CSS时,也不一定有比使用'border-image'属性更好的方法,但它消除了使用'border-radius'属性的可能性。

**下面是一个简单的解决方案,你可能已经见过了:

<div class="min-w-screen flex min-h-screen items-center justify-center bg-slate-500">
  <div class="w-fit bg-gradient-to-r from-black to-white pb-2 pt-2 rounded-sm">
    <div class="content h-48 w-48 bg-orange-200 text-center">
      Content
    </div>
  </div>
</div>

字符串

相关问题