693 Shares 4323 views

Red line html – 4 sposoby

Czerwoną linię html można ustawić na 4 różne sposoby. Chociaż istnieją pewne normy dla tego zjawiska, ten język programowania nie zapewnia, dlatego nie ma żadnych ograniczeń w tym zakresie. W tym artykule użyjemy niestandardowego zestawu narzędzi do tworzenia czerwonej linii.


Pierwsza metoda

Rozpoczyna się od najczęstszej metody. Tylko w tym przypadku konieczne jest użycie tabel kaskadowych, ponieważ CSS jest nierozerwalnie związane z językiem znaczników hipertekstowych. Czerwoną linię html można ustawić przy użyciu właściwości "text-indent". Wystarczy określić żądany element i odległość, która będzie używana do wcięcia lewej strony dokumentu. Na przykład pisanie: "p {text-indent: 20px;}" oznacza, że w każdym punkcie p zostanie czerwona linia 20 pikseli. Jako element, dla którego określona jest wartość, można użyć dowolnego bloku tekstu. W rzeczywistości ta właściwość nie ustawia czerwonej linii, ale prosto wciska pierwszą linię wybranego elementu. Ale kto zauważy różnicę? Właściwość "wstawienie tekstu" może mieć trzy różne wartości:

  • Dowolna konwencjonalna jednostka miary, na przykład px (piksele), w (cale), pt (punkty) i inne.
  • Wartość procentowa. W tym przypadku uwzględnia się odległość od elementu nadrzędnego.
  • Dziedziczenie. Jeśli określisz tę wartość, właściwość zostanie odziedziczona z elementu nadrzędnego.

Druga metoda

W html można ustawić czerwoną linię bez łączenia tabel kaskadowych. Wystarczy umieścić kilka spacji przed pierwszym znakiem w kodzie źródłowym strony. Wystarczy użyć znaków specjalnych, mianowicie "& nbsp;" ponieważ jeśli umieścisz zwykły półfabrykat, to tylko jeden zostanie uwzględniony. Za pomocą tego symbolu można ustawić konieczne wcięcie. Taka czerwona linia kodu HTML nie będzie miała globalnej aplikacji i musisz ręcznie wprowadzić wszystkie spacje. Ten negatywny problem znacznie obciąży Cię podczas pracy z dużą liczbą dokumentów. Także ta metoda deklaruje, że kod strony jest nieprawidłowy.

Trzecia metoda

Używaj dolnego podkreślenia, zamaskowanego w tle. W tej metodzie można użyć dowolnego symbolu. Najważniejszą rzeczą jest zmiana koloru czcionki tego fragmentu tekstu na taki sam, jak tło. Niech ta metoda nie jest najbardziej racjonalna, ale wydajność wynosi 100%. Więc powtórzymy:

  • Na samym początku wiersza trzeba wstawić kilka duplikatów, na przykład: ___.
  • Następnie należy zmienić kolor czcionki tych znaków w celu dopasowania do tła.
  • Można zastąpić farbą wszystkie znane metody, na przykład przy użyciu stylów CSS lub narzędzi HTML.
  • Ta metoda nie jest odpowiednia, jeśli obraz został wybrany jako tło, ponieważ nasze symbole będą podświetlone.
  • Warto zauważyć, że po wybraniu fragmentu tekstu użytkownik zobaczy fałszywy czerwony wiersz html.

Czwarty sposób

Czerwona linia w html może być ustawiona na wiele sposobów. Jeśli żadna z powyższych metod nie jest odpowiednia, sugerujemy użycie pustego obrazu. Przezroczyste obrazy można tworzyć za pomocą formatu png lub gif (tylko te funkcje), lub zrobić zdjęcie jpeg i wypełnić go kolorem tła. Następnie wystarczy wstawić obraz za pomocą znacznika .

Wnioski

Jako plik wyjściowy możemy powiedzieć, że ten plik html i CSS umożliwiają wiele różnych efektów. Czasami właściwości i elementy nie są wykorzystywane zgodnie z ich przeznaczeniem, ale nie odchodzą zbyt daleko od standardowej wartości znaczników.