CSS
p.normal {
border: 2px solid blue;
}
/*p etiketi içindeki tüm round1 classları*/
p.round1 {
border: 2px solid green;
border-radius: 5px;
}
/*p etiketi içindeki tüm round2 classları*/
p.round2 {
border: 2px solid orange;
border-radius: 8px;
}
/*p etiketi içindeki tüm round3 classları*/
p.round3 {
border: 2px solid red;
border-radius: 12px;
}
Html
<html>
<head>
</head>
<body>
<p class="normal">Birinci paragraf</p>
<p class="round1">İkinci paragraf</p>
<p class="round2">Üçüncü paragraf</p>
<p class="round3">Dördüncü paragraf</p>
</body>
</html>
Çıktı

Tags:

css border style
css border çeşitleri
css border ekleme
css border examples
css border kalınlık
css border kaldırma
css border nedir
css border özellikleri
css border verme
css border yapma
css border styles examples
css border style list
css border style names
css border styles
css border width and color
css border width style
css border width style color
css border colors
css border color and style
css border color gradient
css border color change
css border color examples
css border color select
css border radius examples
css border radius kullanımı