CSS - kód szerkesztése

FIGYELEM! A KÓD MINDENNEMŰ ENGEDÉLY NÉLKÜLI SOKSZOROSÍTÁSA KÖVETKEZMÉNYEKET VONZ MAGA UTÁN!

A kód példa, de saját, szóval, ha viszed, szólj!

_________________________________________________________________

Sziasztok!

Most egy kissé különlegesebb bejegyzéssel készülök nektek, remélem hasznotokra lehettem!

Hogyan kódoljunk át egy css-t?

body {background-image: url (IDE JÖN A HÁTTÉR URL KÓDJA.);}

header {height: 310px;}--- itt azt változtathatod, milyen távolság legyen a fejléc és az ikonok között.

#Blog1 {
background-color: #f47c5a; --- a bejegyzések háttere
border-top: 9px  ---- a bejegyzések tetejének vastagsága solid #faac66;  ---- a bejegyzések teteje
border-left: 6px ---- a bal keret vastagsága solid #f47c5a;  ----- a bal  keret színe
border-right: 6px ----- a jobb keret vastagsága solid #f47c5a; ---- a jobb keret színe
border-radius: 10px;  ----- a szegélyek lekerekítése
}

.post {text-align: justify;}

h2.date-header span {text-align: center;}

h3.post-title {text-align: center;}

[MODULSÁVOS BEÁLLÍTÁSOK]

.column-right-inner .widget {
background-color: #ffffff  ;   ----- a háttere
border-top: 9px  ---  tetejének mérete  solid #faac66;  ---- tetejének a színe
border-left: 6px ---- bal oldal keret vastagság solid #f47c5a;  - bal oldal keret szín
border-right: 6px   ---- jobb oldal keret vastagság  solid #f47c5a;  ---- jobb oldal keret szín
border-radius: 10px;  --- lekrekítettség
}


h2 {text-align: center;}


____________________________________________________________________


Az eredeti kód, magyarázat nélkül:

body {background-image: url();}

header {height: 310px;}

#Blog1 {
background-color: #f47c5a;
border-top: 9px solid #faac66;
border-left: 6px solid #f47c5a;
border-right: 6px solid #f47c5a;
border-radius: 10px;
}

.post {text-align: justify;}

h2.date-header span {text-align: center;}

h3.post-title {text-align: center;}

.column-right-inner .widget {
background-color: #ffffff  ;
border-top: 9px solid #faac66;
border-bottom: 12px solid #f47c5a;
border-left: 6px solid #f47c5a;
border-right: 6px solid #f47c5a;
border-radius: 10px;
}

h2 {text-align: center;}

HANNAH