Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Челлендж: Форматування Тексту | CSS для Тексту
Основи CSS

book
Челлендж: Форматування Тексту

Завдання

Щоб покращити візуальне представлення елемента h1, застосуйте наступні стилі:

  • Додайте підкреслення.
  • Перетворіть усі літери у верхній регістр.
  • Відцентруйте текст по горизонталі.
  • Встановіть висоту рядка 2.
  • Налаштуйте інтервал між буквами на 2px.
  • Збільште відстань між словами до 5px.
  • Застосуйте тінь до тексту зі значеннями 2px 2px #000000.
html

index.html

css

index.css

copy
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="index.css" />
</head>
<body>
<h1>Welcome to my Website</h1>
</body>
</html>
  • text-decoration: Підкреслює текст.
  • text-transform: Перетворює текст у верхній регістр.
  • text-align: Вирівнює текст по горизонталі.
  • line-height: Задає висоту тексту.
  • letter-spacing: Збільшує відстань між літерами.
  • word-spacing: Збільшує відстань між словами.
  • text-shadow: Додає тінь.
html

index.html

css

index.css

copy
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="index.css" />
</head>
<body>
<h1>Welcome to my Website</h1>
</body>
</html>
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 3
some-alt