Wchodzimy w edycje posta HTML.
1. Umieścimy tekst w zwykłej ramce: linia ciągła.
<fieldset style="border: 2px solid; padding: 3;"> JAKIŚ FAJNY TEKST </fieldset>
2. Umieścimy tekst w ramce: linia kropkowana.
<fieldset style="border: 2px dotted; padding: 3;"> JAKIŚ FAJNY TEKST </fieldset>
3. Umieścimy tekst w ramce: linia przerywana.
<fieldset style="border: 2px dashed; padding: 3;"> JAKIŚ FAJNY TEKST </fieldset>
Jak widać w tych trzech kodach występuje słowo border: 2px oznaczające obramowanie i jej grubość, oraz padding: 3 oznacza tutaj margines od ramki.
Możemy też użyć innych parametrów ramki, między innymi:
background-color: #2E4372 - kolor tła ramki, gdzie #AAA339 to kolor z HTML
Możemy również po kodzie:
border: 2px dotted dodać określony kolor np #AA5439 - oznacza to kolor samego obramowania
paletton - Kolory HTML
Natomiast jeśli chcemy na przykład ramkę w kolorze pomarańczowym (AA6339), a tło ramki w kolorze czarnym (#060606), ramka kropkowana
Nasz kod będzie wyglądał tak:
<fieldset style="background-color: #060606; border: 2px dotted #AA6339; padding: 3;"> Ahoj, przygodo!!! </fieldset>
Brak komentarzy:
Prześlij komentarz