Krok 1

Otwórz dokument swojej strony internetowej w edytorze tekstu. Umieść kursor przed tagiem zamykającym i wprowadź następujący kod CSS:

Krok 2

Wpisz "#banner {}" między elementami stylu, aby stworzyć regułę do tworzenia banerów. Napisz "height :;" i "width :;" i wpisz wartość w pikselach (px) po każdym, aby określić preferowane miary. Na przykład:

baner {height: 350px; szerokość: 600 pikseli; }

Krok 3

Wpisz "size-size :;" i "rodzina czcionek :;" aby utworzyć atrybuty do formatowania tekstu nagłówka. Wpisz wartość w pikselach po rozmiarze czcionki i wpisz dwie lub trzy nazwy po rodzinie czcionek, aby określić preferowany rodzaj tekstu. Na przykład:

banner {rozmiar-czcionki: 32px; rodzina czcionek: "Times New Roman", Georgia, Serif; }

Krok 4

Napisz "border-style :;" i wprowadź wartość rozmiaru w pikselach, wartość stylu linii i heksadecymalną wartość koloru, aby zaprojektować ramkę banera. Następnie napisz "background-color :;" i żądaną wartość koloru. Na przykład:

banner {border-style: 4px dotted # f0f0f0; }

Krok 5

Napisz "dopełnienie :;" oraz wartość w pikselach określająca ilość miejsca między treścią a granicą banera. Pełny kod CSS powinien wyglądać tak:

baner {

wysokość: 350px; szerokość: 600 pikseli; rozmiar czcionki: 32px; rodzina czcionek: "Times New Roman", Georgia, Serif; border-style: kropkowany 4px # f0f0f0; dopełnienie: 15 pikseli; }

Krok 6

Wpisz "" w dowolnym miejscu etykiety, gdzie ma się pojawić nagłówek. Napisz tekst na swój baner, taki jak tytuł Twojej strony internetowej między tagami div, w ten sposób:

Tutaj wpisz tekst banera.

Krok 7

Zapisz swój dokument