我如何在语义上制作没有任何边框的无边框卡片 ui

Question

如何使下面的卡片无边框且没有线条边框？

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.3/dist/semantic.min.css">
<div class="ui cards">
  <div class="card">
    <div class="content">
      <div class="header">Elliot Fu</div>
      <div class="meta">Friend</div>
      <div class="description">
        Elliot Fu is a film-maker from New York.
      </div>
    </div>
  </div>
</div>

Answer 1

不是border而是box-shadow在代码段中添加css，它不会再显示

body .ui.card, body .ui.cards>.card{
  box-shadow: none;
}

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.3/dist/semantic.min.css">
<div class="ui cards">
  <div class="card">
    <div class="content">
      <div class="header">Elliot Fu</div>
      <div class="meta">Friend</div>
      <div class="description">
        Elliot Fu is a film-maker from New York.
      </div>
    </div>
  </div>
</div>

Answer 2

有 box-shadow 需要删除。

您必须为此 css select body .ui.cards>.card.

提供 box-shadow: none;

body .ui.cards>.card{
  box-shadow: none;
}

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.3/dist/semantic.min.css">
<div class="ui cards">
  <div class="card">
    <div class="content">
      <div class="header">Elliot Fu</div>
      <div class="meta">Friend</div>
      <div class="description">
        Elliot Fu is a film-maker from New York.
      </div>
    </div>
  </div>
</div>

我如何在语义上制作没有任何边框的无边框卡片 ui

How do i make borderless cards without any border in semantic ui

css

semantic-ui