How To WebDev
Заявки принимаются моментально! Обучаем фронтентду и бекенду просто и понятно! Сотрудничество: @me_Smith Ссылка на канал: @HowTo_WebDev
Show more3 353
Subscribers
No data24 hours
-157 days
-6130 days
- Subscribers
- Post coverage
- ER - engagement ratio
Data loading in progress...
Subscriber growth rate
Data loading in progress...
Цвет границ CSS — border-color
Свойство border-color используется для установки цвета четырех границ.
Примечание: Если border-color не устанавливается, у него отсутствует элемент цвета.
Пример:
Демонстрация различных цветных границ:
p.one {
border-style: solid;
border-color: red;
}
p.two {
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color: blue;
}
📓 #CSS #КодPhoto unavailableShow in Telegram
⚡️В сети начали находить курсы и книги известных онлайн школ в открытом доступе
Вот отсортированная база с тонной материала(постепенно пополняется):
🔗 БАЗА (3385 видео):
(343 видео, 87 книги) — Java
(176 видео, 32 книги) — Git
(293 видео, 63 книги) — C#
(352 видео, 89 книги) — С++
(167 видео, 53 книги) — PHP
(227 видео, 83 книги) — SQL
(163 видео, 29 книги) — Linux
(363 видео, 122 книги) — Python
(415 видео, 168 книги) — Frontend
(143 видео, 33 книги) — Flask
(167 видео, 43 книги) — Django
(197 видео, 49 книги) — Разработка ботов
(137 видео, 93 книги) — Data Science
(113 видео, 82 книги) — GameDev
(129 видео, 73 книги) — QA
Скачивать ничего не нужно — все выложили в Telegram и на YouTube с доступом по ссылке
Ширина границ CSS — border-width
Свойство border-width задает ширину всех четырех границ.
– Ширина может быть установлена размером в ( px, pt, cm, em, т.п.) или с помощью одного из трех предопределенных значений:thin (тонкий), medium (средний), или thick (толстый).
Пример
Демонстрация различной ширины границ:
p.one {
border-style: solid;
border-width: 5px;
}
p.two {
border-style: solid;
border-width: medium;
}
p.three {
border-style: dotted;
border-width: 2px;
}
p.four {
border-style: dotted;
border-width: thick;
}
📓 #CSS #КодМатериалы из этого канала дают на платных курсах
Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое
👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!
Определенный цвет границ — CSS
Свойство border-color может иметь от одного до четырех значений (для верхней границы, правой границы, нижней границы и левой границы):
Пример:
p.one {
border-style: solid;
border-color: red green blue yellow; /* красный сверху, зеленый справа, синий снизу и желтый слева */
}
Цвет HEX
Цвет границы также можно задать с помощью шестнадцатеричного значения (HEX):
Пример:
p.one {
border-style: solid;
border-color: #ff0000; /* красный */
}
📓 #CSS #КодPhoto unavailableShow in Telegram
Любишь рисовать или создавать новые проекты – тебе сюда, на бесплатный курс компьютерной графики!
☑️ Узнай, как создавать арт-проекты для игр, кино и рекламы.
☑️ Научись делать уникальный визуал, даже если у тебя нет опыта в компьютерной графике.
Куратор поможет, и ты совсем скоро добавишь в портфолио 20 работ — и сможешь устроиться в студию, работать на фрилансе или стать NFT-художником.
Классная перспектива? Ну да, для тех, кто запишется прямо сейчас, а не отложит все на потом.
Отдельные стороны — CSS Border
В предыдущих постах на канале вы узнали, что для каждой стороны можно задать разные границы.
В CSS также есть свойства для указания каждой из границ отдельно (верхняя, правая, нижняя и левая):
Пример:
p {
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}
📓 #CSS #КодPhoto unavailableShow in Telegram
7 дней бесплатного обучения frontend-разработке!
Организовали для тебя бесплатный интенсив по frontend-разработке с практикой и куратором.
Что будет:
1️⃣ Создание веб-сайта на HTML и CSS
Мы научим тебя создавать стильные и функциональные веб-страницы с использованием современных технологий.
2️⃣ Оживление страницы с помощью JavaScript
Узнаешь, как добавить интерактивность и динамичность в свои проекты.
3️⃣ Использование фреймворка Angular
Узнаешь, как использовать этот инструмент для создания масштабируемых и эффективных веб-приложений.
4️⃣ Подключение Backend
Мы научим тебя основам работы с Backend'ом и покажем, как развернуть проект на хостинге.
5️⃣ Советы по доработке проекта
Получишь советы от опытных разработчиков, чтобы улучшить свой проект и достичь более высокого уровня качества.
🔥 А главное, ты проведёшь 7 дней в компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.
👉 Участвуй бесплатно
Попробовать
Свойство Padding — CSS
CSS свойство padding — определяет отступ (пробел) между текстом и рамкой.
Пример:
Использование свойств CSS border и padding.
{
border: 1px solid powderblue;
padding: 30px;
}
📓 #CSS #КодPhoto unavailableShow in Telegram
Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:
1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.
👉 Проскочить на интенсив бесплатно
Начинаем 14 ноября.
Попробовать
Choose a Different Plan
Your current plan allows analytics for only 5 channels. To get more, please choose a different plan.