【问题标题】:Daisy UI card border colorDaisy UI 卡片边框颜色
【发布时间】:2022-01-20 03:03:08
【问题描述】:

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

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

【问题讨论】:

    标签: tailwind-css daisyui


    【解决方案1】:

    docs 中,您可以看到使用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> 
    

    【讨论】:

      猜你喜欢
      • 2020-12-26
      • 2015-06-06
      • 2019-04-22
      • 1970-01-01
      • 2021-12-07
      • 1970-01-01
      • 2022-08-23
      • 2022-01-12
      • 2023-03-25
      相关资源
      最近更新 更多