Тёмный

Как сделать круг на HTML и CSS. Способ 1 

Хекслет
Подписаться 107 тыс.
Просмотров 126 тыс.
50% 1

Проходи курсы по вёрстке на Хекслете: ru.hexlet.io/programs/layout-...

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

 

20 окт 2022

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 75   
@HexletOrg
@HexletOrg Год назад
Продолжение: ru-vid.comZoNfFL0Qv_w?feature=share
@user-qv3di5nk9c
@user-qv3di5nk9c Год назад
3 способа ??? режте начало, плиз, с анонсом. Мы/Я в названии видим о чем будет.
@OstapP
@OstapP Год назад
Решен вечный вопрос квадратуры круга
@arturklim6682
@arturklim6682 3 месяца назад
Мне больше второй способ понравился
@Lucienoprezo
@Lucienoprezo 2 месяца назад
Третий тоже ничего
@user-oq6kw1le8t
@user-oq6kw1le8t 9 месяцев назад
А лучше всего просто добавить свгшку, по ресурсам тоже самое выйдет
@alexmarch
@alexmarch Год назад
Тот самый момент когда ты знал первый способ но так и не узнал остальные
@HexletOrg
@HexletOrg Год назад
На канале есть другие 3)
@seoonlyRU
@seoonlyRU Год назад
и за это видео лайк от СЕООНЛИ
@timurmalevich
@timurmalevich Год назад
🔥🔥🔥
@SaidaSherDaily
@SaidaSherDaily 3 месяца назад
👍🏼👍🏼
@user-ts2kr6hf5h
@user-ts2kr6hf5h 8 месяцев назад
.circle { width: 200px; height: 200px; background-color: aqua; clip-path: circle(50% at 50% 50%); } .circle p { text-align: center; line-height: 200px; } Шобы вставить текст в кружок. )
@MrStar-vj7oo
@MrStar-vj7oo 8 месяцев назад
божечки спасибо тебе
@user-we1iw5fd6f
@user-we1iw5fd6f 5 месяцев назад
а куда текст то вставить???
@GCR016
@GCR016 3 месяца назад
@HexletOrg
@HexletOrg 3 месяца назад
Или svg ru-vid.comZoNfFL0Qv_w?si=x0Skp7krodrpM_4a
@Xiacrop3
@Xiacrop3 Год назад
я учусь в школе программирования и мы как раз начали проходить написание сайтов. Я хотел спросить как размещать квадраты с картинками и списком в разные углы?
@grshnko
@grshnko Год назад
Много вариантов: Установить float: top/bottom/left/right; Или position: absolute; и указать для top, bottom, left, right значение 0 Либо для родительского элемента display: flex; и с помощью justify-content’a и align-items (прочтешь в гугле как и что писать) выравниваешь
@user-vk3qj2wt8u
@user-vk3qj2wt8u Год назад
​@@78shaorite85 бутстрап только после нативного css, не иначе
@nade3282
@nade3282 8 месяцев назад
бутстрап говно@@78shaorite85
@arsen..
@arsen.. Год назад
3 способа (1)
@dufifa
@dufifa Год назад
Шо то советы для тех кто ни разу ничего не писал на CSS
@HexletOrg
@HexletOrg Год назад
Да, для начинающих. В следующих двух будут варианты посложнее)
@user-ll9rb7rh9m
@user-ll9rb7rh9m 10 месяцев назад
не правильно написал код надо в отдельном файле писать CSS
@romic6-364
@romic6-364 10 месяцев назад
у него бы времени показать бы нехватило
@user-qz4ej2wo8d
@user-qz4ej2wo8d 10 месяцев назад
А теперь спидран как сделать виндов на html
@Frogerpubg
@Frogerpubg 2 месяца назад
как приложение назыается это где код пишут
@HexletOrg
@HexletOrg 2 месяца назад
Редактор VS Code
@vladimirevdokimov8896
@vladimirevdokimov8896 Год назад
тааак, а остальные 2 где?
@HexletOrg
@HexletOrg Год назад
Появятся на канале) в комментарии прикрепим продолжение, когда появится
@daunixa
@daunixa 11 месяцев назад
А как его сделать красным ?
@HexletOrg
@HexletOrg 11 месяцев назад
задать в свойстве background RGB-код с красным цветом или написать red
@daunixa
@daunixa 11 месяцев назад
@@HexletOrg Принял, спасибо.
@dimendroider7550
@dimendroider7550 9 месяцев назад
ТРИ СПОСОБА 😂 а я вам покажу один😂😂😂😂
@HexletOrg
@HexletOrg 9 месяцев назад
Другие два на канале)
@MrHolm-sn8hj
@MrHolm-sn8hj 8 месяцев назад
@@HexletOrg ну и зачем??? хуже только делаешь
@alexsandrzhemanov5710
@alexsandrzhemanov5710 Год назад
Можно ещё на svg, но да это не css.
@shlepych9805
@shlepych9805 3 месяца назад
что за прога? я только начал изучать основы HTML
@HexletOrg
@HexletOrg 3 месяца назад
Это редактор Vim
@user-ts2kr6hf5h
@user-ts2kr6hf5h 8 месяцев назад
Норм! Давай еШООООО! )))
@WebDeveloperGM
@WebDeveloperGM 8 месяцев назад
I never thought that it was necessary to delve so deeply into primitive things... it turns out that there are people for whom even this is difficult 🤦‍♂️
@Rezedent12
@Rezedent12 8 месяцев назад
Для меня это тоже казалось самоочевидным. Многим людям не хватает сознательного абстрактного мышления.
@elenaanissimova6497
@elenaanissimova6497 7 месяцев назад
Все с чего-то начинали. Ты когда-то не умел пасать...лучше бы и не начинал
@WebDeveloperGM
@WebDeveloperGM 7 месяцев назад
@@elenaanissimova6497 I'm not surprised that you still don't understand what I mean...
@elenaanissimova6497
@elenaanissimova6497 6 месяцев назад
@@WebDeveloperGM я понимаю. Типа если знать основу, то можно догадаться логически что дальше. Но ведь кто-то только начинает весь этот путь
@FIFA_GAME_official
@FIFA_GAME_official 4 месяца назад
from turtle import * color("green") begin_fill() forward(100) left(90) forward(100) left(90) forward(100) left(90) forward(100) end_fill() как нарисовать зеленый квадрат на Пайтон. Не знаю хз это, но просто так
@glouziz
@glouziz 4 месяца назад
чо вы все по своим черепашкам учитесь?)
@FIFA_GAME_official
@FIFA_GAME_official 4 месяца назад
@@glouziz сам без понятия зачем они нужны, но если они есть значит чем то нужны)
@glouziz
@glouziz 4 месяца назад
@@FIFA_GAME_official и то верно)
@Manvey
@Manvey 9 месяцев назад
остальные 2 мне самому доделывать?
@HexletOrg
@HexletOrg 9 месяцев назад
Есть на канале
@TAtoshkkko
@TAtoshkkko 9 месяцев назад
Есесссна или на курсах за стопицот тыщ 😂😂😂😂
@alexfourqrt7086
@alexfourqrt7086 Год назад
Хорош. И потом можно использовать как псевдо-элемент. Только то уже css.
@serobrine
@serobrine Год назад
Это тоже css
@omoifed5491
@omoifed5491 17 дней назад
Ахах, максимально плохое объяснение. Во-первых: свойства нужно писать в файле по CSS. Во-вторых: через атрибут style более корректно писать одно МАКСИМУМ ДВА свойства, именно в HTML файле. В CSS файле по-другому пишется.( На видео их целых ТРИ) В-третьих: Окей, Вы нам показали 1-ый способ. Собственно говоря, где еще два?) PS я хотел записать к этой компании на курсы, но самостоятельно изучая HTML и CSS ( 2 дня правда, но ладно)), мне кажется, я только лучше для себя сделаю. Ребят, еще кое-что, проще просто border-radius: 50%; все!)
@HexletOrg
@HexletOrg 16 дней назад
Мы прикрепили в комментариях продолжение)
@matyuioprs9831
@matyuioprs9831 4 месяца назад
Кто-то ещё пользуется HTML ?
@Flytago
@Flytago 17 дней назад
Он актуален всегда,
@Kirill_Krasnikov
@Kirill_Krasnikov Год назад
Брат, не хочу тебя расстраивать, но ты не угадал, не 3 способа, 1
@HexletOrg
@HexletOrg Год назад
Так ведь есть продолжение)
@user-nk8kb9pm4k
@user-nk8kb9pm4k Год назад
Чаво? Css код в HTML документе? Видимо я до такой магии ещё не добрался
@coolname1494
@coolname1494 Год назад
Лучше конечно делать в отдельном CSS файле, но можно и так если прям надо. Можешь еще почитать про inline-style
@ttrxaxa4625
@ttrxaxa4625 11 месяцев назад
друг ты щас офигеешь но в html файле можно писать js скрипты
@romic6-364
@romic6-364 10 месяцев назад
@@ttrxaxa4625 когда я учился на сайте я думал что нужно 3 файла создавать, как книгу подарили так там просто style и script пишется
@allhousemusic
@allhousemusic Год назад
Эмм стайл не нужен
@BARMELONCHICK
@BARMELONCHICK Год назад
2 и 3 способ↘↘↘
@theWyrmik
@theWyrmik Год назад
В какой проге ты писал?
@HexletOrg
@HexletOrg Год назад
Vim
@Nikita-mm2ft
@Nikita-mm2ft 8 месяцев назад
Что за прога?Сори,я в вашем мире новенький )
@HexletOrg
@HexletOrg 8 месяцев назад
Vim
@via754
@via754 11 месяцев назад
Вы уверены что этим тупым роликом будете набирать аудиторию? У меня рука потянулась за «не рекомендовать видео с этого канала»
@user-ty4gd4xj9c
@user-ty4gd4xj9c 8 месяцев назад
А что не так новичкам это поможет
@user-ts2kr6hf5h
@user-ts2kr6hf5h 8 месяцев назад
Расскажи как в центре этого круга разместить текст, пожалуйста.
@MrYogurt
@MrYogurt 8 месяцев назад
Также как и в обычном блоке, тут просто края закруглены
Далее
CatNap in the cartoon Luca😈
00:16
Просмотров 5 млн
ОСКАР И ДЖОНИ СПАСЛИ ЛЕРУ😳
01:01
Programming Fundamentals - #1 - Logic and algorithms
15:29
Основы CSS для Начинающих (в 2024)
19:21
CatNap in the cartoon Luca😈
00:16
Просмотров 5 млн