bootstrap4--笔记--公共样式--边框

边框圆角

<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-pill">

区别：

rounded-circle 的css样式为 border-radius: 50% !important;

rounded-pill 的css样式为 border-radius: 50rem !important;

边框大小

 

  <img src="..." alt="..." class="rounded">
  <img src="..." alt="..." class="rounded-sm">
  <img src="..." alt="..." class="rounded-lg">

 

区别

rounded 的css样式为 border-radius: .25rem !important　　　　//.25 == 0.25

rounded-sm 的css样式为 border-radius: .2rem !important;

rounded-lg 的css样式为 border-radius: .3rem !important;