有什么方法可以通过Tailwind制作一个2色的边框?我试图使一个黑色和白色的顶部边界,但它不会让我使用梯度,因为这些只是背景我尝试使用CSS方法,有一个小容器,并给外部容器一个渐变颜色,但我想知道是否有一个更直观的方法,只是应用线性渐变边界本身
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>
字符串
1条答案
按热度按时间e5nszbig1#
不,小容器 Package 在大容器周围是这个问题的正常解决方案。即使在使用普通CSS时,也不一定有比使用'border-image'属性更好的方法,但它消除了使用'border-radius'属性的可能性。
**下面是一个简单的解决方案,你可能已经见过了:
字符串