Як зробити лінію за допомогою html і css

Як зробити лінію за допомогою html і css

Для підкреслення деяких особливо важливих елементів сайту, не завадило б використовувати всілякі і передбачені для цього CSS стилі і властивості. Звичайно ж, з текстом можна особливо не морочитися і виділити його, наприклад, жирним або курсивом, змінити задній фон або зробити рамку навколо тексту. Але не завжди один з представлених способів є підходящим. Припустимо, у вас є текст, який потребує поділі через специфіку його смислового навантаження. Ось тут-то і приходять на допомогу html і СSS властивості.







Як зробити в тексті лінію засобами CSS

Для реалізації задуманого нам знадобиться звернутися до файлу style.css. прописавши в ньому відповідне властивість border. Тим самим над, під або з певного боку тексту з'явиться лінія. У свою чергу передбачено кілька властивостей, що відповідають за відображення лінії, а саме:

- border-top - горизонтальна лінія, розташована над текстом;

- border-right - вертикальна лінія, розташована праворуч від тексту;

- border-bottom - горизонтальна лінія, розташована під текстом;

- border-left - вертикальна лінія знаходиться зліва.

Як зробити лінію в html







Як зробити пунктирную або пряму лінію?

Прописавши дані властивості вам вдасться підкреслити важливість викладеного матеріалу, абзацу або заголовка?



Як зробити пунктирную або пряму лінію?



Прописавши дані властивості вам вдасться підкреслити важливість викладеного матеріалу, абзацу або заголовка?


Коротка розшифровка команд

- solid - суцільна лінія;

- dotted - точкова лінія.

Для більш глибокого ознайомлення зі стилями рекомендую почитати цю статтю.

Потрібно усвідомити, що в процесі внесення змін до коду сайту, властивості, що визначають тип лінії, її товщину і колір перераховуються через пробіл.

Наведений спосіб має кілька переваг:

- Великий асортимент можливостей, за допомогою яких можна зробити практично будь-яку лінію.

- Легкість внесення всіх необхідних змін безпосередньо в HTML код. Це багато в чому спрощує завдання для недосвідчених сайтостроителей.

Як зробити пряму горизонтальну лінію за допомогою тега HTML

Перше на що хотілося б звернути вашу увагу, це те, що у даного тега, незважаючи на всі тонкощі і принципи html, немає закривається тега. Він може бути використаний в будь-якому місці html коду, між тегами і .

атрибути тега

- width - відповідає за довжину лінії. Може вказуватися як у відсотках, так і пікселях.

- size - товщина лінії. Вказується в пікселях.

- color - визначає колір лінії.

- align - атрибут, який відповідає за вирівнювання лінії. У свою чергу до нього ставиться команда:

- right - вирівнювання праворуч;

- left - вирівнювання зліва;

- centre - центральне вирівнювання.

Зразок html коду з використанням тега



Дякую за увагу і до швидких зустрічей на сторінках Stimylrosta.

Не лінуйтеся, поділіться!







Схожі статті