muzruno.com

Червена линия html - 4 начина

Червената линия html може да бъде зададена по 4 различни начина. Въпреки че няма конкретни стандарти за този феномен, този език за програмиране не предвижда, така че няма ограничения в това отношение. В тази статия ще използваме нестандартен набор от инструменти за създаване на червена линия.

червена линия html

Първи метод

Започва с най-често използвания метод. Само в този случай е необходимо да се използват каскадни таблици, защото CSS е неразривно свързан с езика на хипертекстното маркиране. Червената линия html може да бъде зададена с помощта на свойството "text-indent". Достатъчно е да посочите желания елемент и разстоянието, което ще се използва за врязване на лявата страна на документа. Например вписването: "p {text-indent: 20px;}" означава, че ще бъде направена червена линия от 20 пиксела във всеки параграф p. Като елемент, за който е зададена стойност, можете да използвате всеки блок от текст. Всъщност тази характеристика не установява червена линия, а просто указва абзац за първия ред на избрания елемент. Но кой ще забележи разликата? Property "текст-тире" може да отнеме три различни типа стойности:html червена линия

  • Всяка конвенционална единица мярка, като px (пиксели), (инча), pt (точки) и др.
  • Процентна стойност. В този случай се взема предвид разстоянието от родителския елемент.
  • Да наследиш. Ако зададете тази стойност, собствеността ще бъде наследена от родителския елемент.

2-ри метод

В html може да се зададе червена линия без свързване на каскадни таблици. Достатъчно е да поставите няколко интервала преди първия знак в изходния код на страницата. Необходимо е само да използвате специални символи, а именно ";", защото ако поставите обикновен празен знак, само един ще бъде взет под внимание. И с използването на този символ можете да зададете необходимото вдлъбнатина. Такава червена линия HTML няма да има глобално приложение и ще трябва да поставите всички интервали ръчно. Това отрицателно ще ви натовари много, когато работите с голям брой документи. Също така този метод ще обяви кода на страницата ви за невалиден.



Трети метод

Използвайте долното подсказка, маскирано под фон. В този метод може да се използва всеки символ. Най-важното е да промените цвета на шрифта на този текстов фрагмент на същия като фон. Нека този метод не е най-рационален, но ефективността е 100%. Така че отново ще повторим:

  • В самото начало на реда трябва да въведете няколко дублиращи се знака, например: ___.
  • След това трябва да промените цвета на шрифта на тези знаци, за да съответства на фона.
  • Можете да зададете замяната на боя с всички известни методи, например, като използвате CSS стилове или HTML инструменти.
  • Този метод не е подходящ, ако изображението е избрано като фон, защото нашите символи ще бъдат откроени.
  • Струва си да се отбележи, че когато изберете текстов фрагмент, потребителят ще види фалшива червена линия HTML.червена линия в html

Четвърти метод

Червената линия в html може да бъде зададена чрез различни методи. Ако никой от горните методи не е подходящ, предлагаме да използвате празно изображение. Може да се създават прозрачни изображения png формат или GIF (само те имат такава възможност) или да направите снимка на jpeg и да го запълнете цвят на фона. След това просто трябва да поставите снимка с помощта на свободен край .

заключение

Като изход, можем да кажем, че html заедно с CSS ви позволява да направите голямо разнообразие от ефекти. Понякога свойствата и елементите не се използват по предназначение, но не отиват твърде далеч от стандартната стойност на маркерите.

Споделяне в социалните мрежи:

сроден