tailwindcss 分割线
时间: 2023-06-08 13:07:17 浏览: 489
tailwindcss
Tailwind CSS 中如何创建分割线?
在 Tailwind CSS 中,您可以使用以下类来创建分割线:
```html
<hr class="border-t border-gray-400 my-8">
```
其中,`border-t` 表示应用顶部边框,`border-gray-400` 表示使用灰色 #ccc 颜色的边框,`my-8` 表示应用垂直方向上的 8 个 margin。
您还可以通过在内容上下文中应用特定背景色的 div 元素来创建不同样式的分割线。
```html
<div class="h-px bg-gray-300 my-8"></div>
```
阅读全文