#35 - Obramowanie w bloczkach

Hej, mam nadzieję, że nowy rok powita Was samymi dobrymi rzeczami, ja sylwestra spędzałam na spokojnie w związku z chorobą.
Jednak nie ma tego złego co by na dobre wyszło :D

Dziś zajmiemy się obramowaniem w bloczkach (divach), które sami możecie edytować w dowolny sposób.

.div{border-style: solid; border-width: 3px; border-color: #ff0000; border-radius: 15px;}

border-style - mówi o stylu obramowania: solid (klasyczna 'kreska'), dotted (kropkowana), dashed (kreskowana), double (podwójna, efekt widać dopiero przy szerokości ramki 3 lub 4 px);
border-width - mówi o szerokości obramowań bloczków, wielkość ta wyrażana jest w px.
border-color - mówi o kolorze jaki ma mieć to obramowanie;
border-radius - zaokrąglenie obramowania, tutaj kombinujcie z wielkością zaokrąglenia, by osiągnąć pożądany efekt.

Warto też wspomnieć, że możecie dowolnie miksować te style, możecie też sprawiać, że wasza ramka będzie występować tylko na dolnej części bloku lub z któregoś boku.

Występują orientacje obramowań:
border-top
border-left
border-bottom
border-right

Wtedy używacie takiej linijki kodu przykładowo:
.div{border-bottom: solid 2px #ffffff; }

W razie jakichkolwiek pytań, jeśli potrzebujecie pomocy lub po prostu chcecie pogadać to piszcie na moje prywatne konto na kreatywnych - thank u, next

{pamiętajcie, kody ze stylami dodajemy pomiędzy [style][/style]!}