Как сделать закругленные углы css

Чтобы закруглить углы используется свойство border-radius. Его можно использовать вместе со свойством border или background

.price {
  /* Блок с чёрным фоном и загруглением в 10 пикселей */

  background: #000;
  border-radius: 10px;
}

.news {
  /* Блок с границей в 1 пикселй и закруглем в 1rem */

  border: 1px solid #000;
  border-radius: 1rem;
}