[CSS] border-radius系統のプロパティでボーダーの角丸を指定しよう!

{ border-top-left-radius: 値; }

{ border-top-right-radius: 値; }

{ border-bottom-right-radius: 値; }

{ border-bottom-left-radius: 値; }

.border-sample {
 border: 5px solid red;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}