rounded-0

bootstrap5.css

bootstrap5.css
.rounded-0 {
  border-radius: 0 !important;
}

html bootstrap5 Sample

角丸:rounded


rounded
rounded-top
rounded-end
rounded-bottom
rounded-start
rounded-circle
rounded-0
  <!-- 背景色を設定しない限り適用されない、背景に適用される -->
  <!-- 角丸 -->
  <div class="rounded bg-warning">rounded</div>
  <div class="rounded-top bg-warning">rounded-top</div>
  <div class="rounded-end bg-warning">rounded-end</div>
  <div class="rounded-bottom bg-warning">rounded-bottom</div>
  <div class="rounded-start bg-warning">rounded-start</div>
  <!-- サークル -->
  <div class="rounded-circle bg-warning">rounded-circle</div>
  <div class="rounded-0 bg-warning">rounded-0</div>

影と角丸の両方適用:shadowとrounded


小さめの影
標準の影
大きめの影
  <div class="shadow-sm p-3 mb-5 bg-white rounded">小さめの影</div>
  <div class="shadow p-3 mb-5 bg-white rounded-0">標準の影</div>
  <div class="shadow-lg p-3 mb-5 bg-white rounded">大きめの影</div>