vbar {
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:
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