border와 border-radius

border는 굵기·선 모양·색을 순서대로 한 번에 적습니다(1px solid black처럼). border-radius는 그 테두리의 네 모서리를 둥글게 깎습니다.

<style>
  .badge {
    border: 2px dashed gray;
    border-radius: 20px;
  }
</style>

값을 크게 줄수록 더 둥글어지고, 가로세로가 같은 정사각형에 충분히 큰 값을 주면 원이 됩니다.