CloseTag | الشروحات | CSS | الزوايا المدورة في لغة CSS | CSS Rounded Corners

<!DOCTYPE html>
<html>
<head>
<style> 
*
{
  box-sizing: border-box;
}

.container
{
  display:flex;
}
.item
{
  flex:1;
  margin:20px;
  height:150px;
  border:#d63031 3px solid;
  background-color: #2196F3;
  border-radius:25px;
}
</style>
</head>
<body>
<h1>CSS rounded corners</h1>
<p>CSS rounded corners with border-radius Property</p>
<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</di>
</body>
</html>