<div class="">
<div class="w-16 h-16 border-b-30 border-l-30 border-solid border-black">
<div class="h-16 w-16 border-t-30 border-r-30 bg-transparent"></div>
</div>
</div>
如何用tailwindCss制作一个三角形而不用插件??
4条答案
按热度按时间zpqajqem1#
您可以尝试使用transform:
w6lpcovy2#
您也可以尝试使用边框
tailwind playground
nbysray53#
也许你想使用三角形作为工具提示。(这样的搜索让我来到了这里):
Demo on play.tailwindcss.com
依据:
sycxhyv74#
通过伪元素(小三角形):
按伪元素(正三角形):
按边境:
按边框(简化):