Bootstrap

tailwindcss中解决border不起作用

官网的例子border拷贝过来也不显示,查阅了很多资料,最后发现要使用border 属性,首先先设置border的border-style 否则后面的距离和颜色都无法显示。其次就是查看线条预设宽度,如果超过范围也不会显示,边框颜色也是如此(但是可以根据自己的需求来自定义颜色)。

<!--
也就是border的style和color必须共同使用。
border-style 有四类类型,可供使用。
1、border-solid
2、border-dashed
3、border-dotted
4、border-double
-->
<div class="border-solid border-r-8 border-red-500 ">lvmanba.com</div>
;