CSS Kenar Çizgisi (Border) - Yuvarlak Kenar Çizgisi Oluşturmak

Konuya git Çalıştır 
<!DOCTYPE html>
<html>
<head>
<style>

p.yuvarlak1 {
    border: 2px solid red;
    border-radius: 4px;
}

p.yuvarlak2 {
    border: 2px solid blue;
    border-radius: 10px;
}


</style>
</head>
<body>

<p class="yuvarlak1">Yuvarlak Kenar</p>
<p class="yuvarlak2">Yuvarlak Kenar</p>


</body>
</html>