tailwindcss 写1px的y轴的分割线

可以使用以下代码实现：

<div style="border-top: 1px solid #000;"></div>

或者在 CSS 文件中写下：

.divider {
  border-top: 1px solid #000;
}

然后在 HTML 中加入以下代码：

<div class="divider"></div>

相关问题

tailwindcss 分割线

Tailwind CSS 中如何创建分割线？

在 Tailwind CSS 中，您可以使用以下类来创建分割线：

<hr class="border-t border-gray-400 my-8">

其中，`border-t` 表示应用顶部边框，`border-gray-400` 表示使用灰色 #ccc 颜色的边框，`my-8` 表示应用垂直方向上的 8 个 margin。

您还可以通过在内容上下文中应用特定背景色的 div 元素来创建不同样式的分割线。

<div class="h-px bg-gray-300 my-8"></div>

tailwindcss中margin： 80px怎么写

在 Tailwind CSS 中，可以使用以下类来设置 margin：

- `m-{size}`：设置所有方向的 margin
- `mx-{size}`：设置水平方向的 margin
- `my-{size}`：设置垂直方向的 margin
- `mt-{size}`：设置 top 方向的 margin
- `mr-{size}`：设置 right 方向的 margin
- `mb-{size}`：设置 bottom 方向的 margin
- `ml-{size}`：设置 left 方向的 margin

其中，`{size}` 可以是预定义的尺寸值，也可以是自定义的尺寸值。预定义的尺寸值包括 `0`、`1`、`2`、`3`、`4`、`5`、`6`、`8`、`10`、`12`、`16`、`20`、`24`、`32`、`40`、`48`、`56`、`64`、`px`。

因此，要设置一个 margin 为 `80px`，可以使用 `mt-80` 或者 `my-80` 类，例如：

<div class="my-80">...</div>

这将设置该元素的上下 margin 为 `80px`。如果您需要分别设置上下和左右的 margin，可以使用 `mt-80 mr-20 mb-10 ml-30` 类，分别设置各个方向的 margin。