HTML5 Genel Öznitelikler - class

by greench

HTML

<div id="içerik-kutusu">
    <p class="tek-numaralı-paragraf">Tek numaralı paragraf</p>
    <p class="çift-numaralı-paragraf">Çift numaralı paragraf</p>
    <p class="tek-numaralı-paragraf">Tek numaralı paragraf</p>
    <p class="çift-numaralı-paragraf">Çift numaralı paragraf</p>
</div>

CSS

.tek-numaralı-paragraf{
    border:1px solid orangered;
    padding:5px;
    margin:10px
}
.çift-numaralı-paragraf{
    border:1px dashed green;
    padding:5px;
    margin:10px;
}