settings
Çalıştır
home
Anasayfa
arrow_downward
İndir
CSS
p
.normal
{
border
:
2
px
solid
blue
;
}
/*p etiketi içindeki tüm round1 classları*/
p
.round1
{
border
:
2
px
solid
green
;
border-radius
:
5
px
;
}
/*p etiketi içindeki tüm round2 classları*/
p
.round2
{
border
:
2
px
solid
orange
;
border-radius
:
8
px
;
}
/*p etiketi içindeki tüm round3 classları*/
p
.round3
{
border
:
2
px
solid
red
;
border-radius
:
12
px
;
}
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ı