364 читали · 1 год назад
Делаем анимацию фона (background) на css
Добрый день. Рассмотрим как просто сделать анимированный градиентный фон на чистом css. В этой статье сделаем градиентный фон и при помощи CSS стилей анимируем плавную смену градиента фона. Делаем простую страничку в HTML, примерно так: <head> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>Тест</h1> </body> На этой странице подключена только таблица стилей и в теге body указан заголовок h1. Далее в файле styles.css вставляем такой текст: body { background: linear-gradient(90deg, rgba(132,128,194,1) 0%, rgba(177,177,218,0...
Тема 3. Как работать с изображениями в HTML?
Эта тема посвящена всем аспектам работы с изображениями: вставке, управлению размерами, стилизации, созданию фоновых изображений и превращению изображений в ссылки. <img src="image.jpg" alt="Описание изображения" width="400" height="300"> <img src="image.jpg" alt="Изображение" class="styled-image"> <style>. styled-image { width: 50%; border: 2px solid...
6 месяцев назад
Как фон добавить в HTML
Чтобы добавить фон в HTML, вы можете использовать CSS (Cascading Style Sheets). Существует несколько способов задать фон для вашего HTML-документа или отдельных элементов. Вот несколько основных методов: Вы можете установить фон для всего документа, добавив стиль к тегу <body>: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Фон в HTML</title> <style> body { background-color: lightblue; /* Цвет фона */ }...