vbar {

Użyj CSS, aby utworzyć pionowe linie i oddzielić obszary treści na stronie internetowej.

Korzystanie z sekcji DIV

Krok 1

Otwórz stronę internetową, na której chcesz dodać pionowy pasek.

Krok 2

Dodaj sekcję div o nazwie "VBar" do odpowiedniej lokalizacji, używając następującego tagu:

Krok 3

Zapisz plik

Krok 4

Otwórz plik CSS. Dodaj sekcję do pliku CSS z atrybutami pionowej sekcji pręta w następujący sposób:

vbar {

szerokość :? px; wysokość :? px; background-color: # ??????; }

Zastąp znaki zapytania odpowiednimi wartościami. Na przykład wysokość i szerokość powinny być wymienione w pikselach w formacie 10px. Kolor tła powinien pojawić się w sześciocyfrowym szesnastkowym formacie wartości WWW, na przykład czarny będzie mieć wartość # 000000 lub biały # FFFFFF. Odwiedź łącze CSS Colors w sekcji "Zasoby", aby zobaczyć więcej kolorów heksadecymalnych.

Krok 5

Zapisz plik

Korzystanie z sekcji z atrybutem krawędzi

Krok 1

Otwórz plik CSS.

Krok 2

Dodaj atrybut krawędzi do sekcji strony obok lokalizacji, w której chcesz umieścić pionowy pasek. Na przykład, jeśli masz sekcję "kontenera" po lewej stronie miejsca, w którym chcesz dodać pionowy pasek, dodaj do tej sekcji atrybut border-right, aby utworzyć prawą krawędź, na przykład:

pojemnik {

border-right: X; }

Przejrzyj sekcję "Porady", aby uzyskać różne opcje atrybutów krawędzi.

Krok 3

Zapisz plik

Referencje

  • W3Schools.com: wprowadzenie do CSS
  • W3Schools.com: Border CSS