tailwind-css - Daisy UI 卡片边框颜色

Question

如何使用 Daisy UI 更改卡片边框的颜色？

我可以看到这bordered在我的卡片周围添加了一个黑色边框。但是当我尝试各种顺风css类时，比如border-white边框没有改变。

Answer 1

在文档中，您可以看到使用card-bordered. 你可以添加 border-white它。

<div class="card card-bordered border-white">
  <figure>
    <img src="https://picsum.photos/id/1005/400/250">
  </figure> 
  <div class="card-body">
    <h2 class="card-title">Top image
      <div class="badge mx-2 badge-secondary">NEW</div>
    </h2> 
    <p>Rerum reiciendis beatae tenetur excepturi aut pariatur est eos. Sit sit necessitatibus veritatis sed molestiae voluptates incidunt iure sapiente.</p> 
    <div class="justify-end card-actions">
      <button class="btn btn-secondary">More info</button>
    </div>
  </div>
</div>