/
Da11oS
/
css_styles_examples
Обзор
Документация
Войти
/
Da11oS
/
css_styles_examples
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
60 строк
2 KB
Da11oS
feat index html
09 июл 2025, 22:34
09 июл 2025, 22:34
d88910f
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8" /> <title>Главная страница — Примеры по HTML и CSS</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; color: #333; padding: 20px; } h1 { text-align: center; color: #2c3e50; } ul { list-style-type: none; padding: 0; } li { margin: 10px 0; } a { text-decoration: none; color: #2980b9; font-size: 18px; display: block; padding: 10px 15px; background-color: #ecf0f1; border-radius: 5px; transition: background-color 0.3s ease; } a:hover { background-color: #d0dce5; } </style> </head> <body> <h1>Примеры по HTML и CSS</h1> <p>Выберите тему, чтобы перейти к соответствующему примеру:</p> <ul> <li><a href="font-family.html">Шрифты (font-family)</a></li> <li><a href="weight_color.html">Начертание и цвет текста (font-weight, color)</a></li> <li><a href="font-color.html">Цвет текста (color) и RGBA</a></li> <li><a href="border.html">Рамки (border, border-radius, box-shadow)</a></li> <li><a href="width.html">Размеры блоков (width, height, min/max)</a></li> <li><a href="block.html">display: block, inline, inline-block</a></li> <li><a href="flex.html">Flexbox</a></li> <li><a href="grid.html">CSS Grid</a></li> <li><a href="bg.html">Фон (background-color, background-image)</a></li> </ul> </body> </html>