sobota, 18 lutego 2017

Umieszczamy tekst w ramce na blogspot

Aby umieścić tekst na blogu w ramce skorzystamy z "fieldset".
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>


JAKIŚ FAJNY TEKST

2. Umieścimy tekst w ramce: linia kropkowana.

<fieldset style="border: 2px dotted; padding: 3;"> JAKIŚ FAJNY TEKST </fieldset>


JAKIŚ FAJNY TEKST

3. Umieścimy tekst w ramce: linia przerywana.

<fieldset style="border: 2px dashed; padding: 3;"> JAKIŚ FAJNY TEKST  </fieldset>


JAKIŚ FAJNY TEKST


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>


#include int main (void) { puts ("Ahoj, przygodo!"); return 0; }

Brak komentarzy:

Prześlij komentarz