Границы в css, Свойство border css и border-radius css, Скругление углов, Видео курс по CSS, Урок 7

Подписаться 69 тыс.

Просмотров 19 тыс.

50% 1

Границы в css, Свойство border css и border radius css, Рамка и скругление углов, Видео курс по CSS, Урок 7. В этом видео я расскажу вам про свойство границы border и про свойство для скругления углов border-radius. Мы научимся создавать рамки и делать разное оформление для рамок. Будем менять цвет рамки в html документе, а так же стили и ширину рамки в css.
✔Советую посмотреть:
Новое видео про border: • Границы и скругления н...
Материалы к уроку: yadi.sk/d/gYtSSwtB3Ti5Xn
Блочная верстка часть 1: • #38 Слои или блоки тег...
Блочная верстка часть 2: • #42 Верстка сайта DIV ...
Создаем красивую форму: • #47 Как сделать красив...
◄ Предыдущее видео: • CSS Background и CSS C...
► Следующее видео: • RGB 50 оттенков серого...
⚡️ Эксклюзив на Boosty - boosty.to/itdoctor
💡 Telegram канал - t.me/itdoctor_official/4
🎥 Курсы на Stepik - stepik.org/users/387773773/teach
💰 Донаты на ЮMoney - sobe.ru/na/itdoctor
ВКонтакте - itdoctorstudio
Яндекс Дзен - zen.yandex.ru/itdoctor
Rutube - rutube.ru/channel/23500045/
#css #css3 #itdoctor

Опубликовано:

24 мар 2018

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 29

@ITDoctor 2 года назад

Курс Frontend разработчик на HTML, CSS и JavaScript: stepik.org/z/113402

@Dypsyn-og7sq 4 месяца назад

Исмаил, спасибо, что преподал такой подробный материал на эту тему. Ты лучший!

@ITDoctor 4 месяца назад

Спасибо большое. Рад что вы оценили! Возможно вам будет полезен и интересен вот этот материал boosty.to/itdoctor/posts/abe1df30-7ede-4581-a3a2-dda5015f6674?share=post_link

@mrak3059 4 года назад

Спасибо, полезный урок. Ты единственный кто объяснил эту тему предельно просто))

@user-vd6nu2zi9o Год назад

Огонь!!спасібо за подробное обьясненіе

@ITDoctor Год назад

пожалуйста

@dimalukashenko4865 Год назад

Отличный урок, спасибо за труд!

@user-kb4kd2vd7v 4 года назад

Всё супер ! Предельно понятно! Спасибо большое!

@user-se6ur2zp5m 4 года назад

Спасибо,большое за видео!)

@lumeaceaiuluisrl6343 3 года назад

Спасибо за урок !

@KuKu_RuKu88 4 года назад

Спасибо, очень серьезный урок

@user-ni7ti6li2v 2 года назад

Благодарен вам за помощь

@user-eg5ty1js4y 4 года назад

Спасибо, купил платный курс на geekBrains они так объясняют, что ничего не понятно. Пересматриваю темы, которые не понял у вас на канале.

@izanami3134 3 года назад

Спасибо!

@Agent-D 4 года назад

Лайкос !

@user-jd4df5xg8q 4 года назад

Доступно разжевал

@deorfeal5657 2 года назад

спасибо !

@ITDoctor 2 года назад

пожалуйста

@user-wb2td8us7t 4 года назад

бля красава отлично объяснил

@user-hg4su2pm9k Год назад

как сделать прозрачный бордер? нужно добавить бордеру свойство Opacity 30%. Как это сделать?

@ITDoctor Год назад

Если полностью прозрачный то вместо цвета указать transparent. Если как вы написали на 30% или другое значение то через rgba(0,0,0,0.3) или любой другой цвет и значение прозрачности. Первые три числа это r g b от 0 до 255 последнее число это прозрачность от 0 до 1

@mandarin7716 3 года назад

А как мне настроить длину этой рамки, т.е если у меня условно не большой объём текста, но рамка в длину получается почти на фулл экран. Это можно вообще как-то настроить, или нет?

@ITDoctor 3 года назад

Есть блочные и строчные тэги. У строчного тега и рамка будет такая же как сам текст по длине. А у блочного сколько бы текста не было рамка будет на всю ширину.

@user-qj3uz1wu4l 3 года назад

привет не подскажешь нельзя ли изменять ширину у border -left ?

@ITDoctor 3 года назад

Да можно каждую сторону границы по отдельности настраивать htmlbook.ru/css/border-left-width

@user-xt5yx4gi8e Год назад

не объяснили одного!)))))) А если мне нужно(допустим) на одной(или двух, не важно) стороне border'a убрать часть линии(границы)? то есть НЕ ПОЛНОСТЬЮ границу ( через "border: none") а частично ] ] ]?

@ITDoctor Год назад

Есть свойства border-left, border-right, border-top, border-bottom и ещё много других чтобы настраивать по отдельности цвет слева, справа и ТД. Ширину для всех сторон и стиль. Просто напишите в редакторе border (в файле css) и увидите подсказки. Все свойства сразу будут понятны так как они называются соответственно своей функции

@alexsaiko8864 2 года назад

Как сделать рамку бордера меньше,чтобы текст был до рамки

@ITDoctor 2 года назад

Если я правильно вас понял вы имеете ввиду внутренний отступ. Он делается с помощью padding. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-V5_lepUTQh8.html