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

Рет қаралды 125,888

Хекслет

Жыл бұрын

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

Пікірлер: 75

@HexletOrg Жыл бұрын

Продолжение: kzfaq.infoZoNfFL0Qv_w?feature=share

@user-qv3di5nk9c Жыл бұрын

3 способа ??? режте начало, плиз, с анонсом. Мы/Я в названии видим о чем будет.

@OstapP Жыл бұрын

Решен вечный вопрос квадратуры круга

@arturklim6682 3 ай бұрын

Мне больше второй способ понравился

@Lucienoprezo 2 ай бұрын

Третий тоже ничего

@user-oq6kw1le8t 8 ай бұрын

А лучше всего просто добавить свгшку, по ресурсам тоже самое выйдет

@seoonlyRU Жыл бұрын

и за это видео лайк от СЕООНЛИ

@alexmarch Жыл бұрын

Тот самый момент когда ты знал первый способ но так и не узнал остальные

@HexletOrg Жыл бұрын

На канале есть другие 3)

@SaidaSherDaily 2 ай бұрын

👍🏼👍🏼

@timurmalevich Жыл бұрын

🔥🔥🔥

@Xiacrop3 Жыл бұрын

я учусь в школе программирования и мы как раз начали проходить написание сайтов. Я хотел спросить как размещать квадраты с картинками и списком в разные углы?

@grshnko Жыл бұрын

Много вариантов: Установить float: top/bottom/left/right; Или position: absolute; и указать для top, bottom, left, right значение 0 Либо для родительского элемента display: flex; и с помощью justify-content’a и align-items (прочтешь в гугле как и что писать) выравниваешь

@user-vk3qj2wt8u Жыл бұрын

@@78shaorite85 бутстрап только после нативного css, не иначе

@nade3282 8 ай бұрын

бутстрап говно@@78shaorite85

@GCR016 3 ай бұрын

@HexletOrg 3 ай бұрын

Или svg kzfaq.infoZoNfFL0Qv_w?si=x0Skp7krodrpM_4a

@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 8 ай бұрын

божечки спасибо тебе

@user-we1iw5fd6f 4 ай бұрын

а куда текст то вставить???

@arsen.. Жыл бұрын

3 способа (1)

@dufifa Жыл бұрын

Шо то советы для тех кто ни разу ничего не писал на CSS

@HexletOrg Жыл бұрын

Да, для начинающих. В следующих двух будут варианты посложнее)

@user-qz4ej2wo8d 10 ай бұрын

А теперь спидран как сделать виндов на html

@user-ll9rb7rh9m 10 ай бұрын

не правильно написал код надо в отдельном файле писать CSS

@romic6-364 10 ай бұрын

у него бы времени показать бы нехватило

@user-ts2kr6hf5h 8 ай бұрын

Норм! Давай еШООООО! )))

@alexsandrzhemanov5710 Жыл бұрын

Можно ещё на svg, но да это не css.

@omoifed5491 14 күн бұрын

Ахах, максимально плохое объяснение. Во-первых: свойства нужно писать в файле по CSS. Во-вторых: через атрибут style более корректно писать одно МАКСИМУМ ДВА свойства, именно в HTML файле. В CSS файле по-другому пишется.( На видео их целых ТРИ) В-третьих: Окей, Вы нам показали 1-ый способ. Собственно говоря, где еще два?) PS я хотел записать к этой компании на курсы, но самостоятельно изучая HTML и CSS ( 2 дня правда, но ладно)), мне кажется, я только лучше для себя сделаю. Ребят, еще кое-что, проще просто border-radius: 50%; все!)

@HexletOrg 13 күн бұрын

Мы прикрепили в комментариях продолжение)

@Frogerpubg 2 ай бұрын

как приложение назыается это где код пишут

@HexletOrg 2 ай бұрын

Редактор VS Code

@shlepych9805 3 ай бұрын

что за прога? я только начал изучать основы HTML

@HexletOrg 3 ай бұрын

Это редактор Vim

@vladimirevdokimov8896 Жыл бұрын

тааак, а остальные 2 где?

@HexletOrg Жыл бұрын

Появятся на канале) в комментарии прикрепим продолжение, когда появится

@dimendroider7550 8 ай бұрын

ТРИ СПОСОБА 😂 а я вам покажу один😂😂😂😂

@HexletOrg 8 ай бұрын

Другие два на канале)

@MrHolm-sn8hj 8 ай бұрын

@@HexletOrg ну и зачем??? хуже только делаешь

@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 8 ай бұрын

Для меня это тоже казалось самоочевидным. Многим людям не хватает сознательного абстрактного мышления.

@elenaanissimova6497 7 ай бұрын

Все с чего-то начинали. Ты когда-то не умел пасать...лучше бы и не начинал

@WebDeveloperGM 7 ай бұрын

@@elenaanissimova6497 I'm not surprised that you still don't understand what I mean...

@elenaanissimova6497 6 ай бұрын

@@WebDeveloperGM я понимаю. Типа если знать основу, то можно догадаться логически что дальше. Но ведь кто-то только начинает весь этот путь

@Kirill_Krasnikov Жыл бұрын

Брат, не хочу тебя расстраивать, но ты не угадал, не 3 способа, 1

@HexletOrg Жыл бұрын

Так ведь есть продолжение)

@daunixa 11 ай бұрын

А как его сделать красным ?

@HexletOrg 11 ай бұрын

задать в свойстве background RGB-код с красным цветом или написать red

@daunixa 11 ай бұрын

@@HexletOrg Принял, спасибо.

@alexfourqrt7086 Жыл бұрын

Хорош. И потом можно использовать как псевдо-элемент. Только то уже css.

@serobrine Жыл бұрын

Это тоже css

@Manvey 9 ай бұрын

остальные 2 мне самому доделывать?

@HexletOrg 9 ай бұрын

Есть на канале

@TAtoshkkko 8 ай бұрын

Есесссна или на курсах за стопицот тыщ 😂😂😂😂

@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 4 ай бұрын

чо вы все по своим черепашкам учитесь?)

@FIFA_GAME_official 4 ай бұрын

@@glouziz сам без понятия зачем они нужны, но если они есть значит чем то нужны)

@glouziz 4 ай бұрын

@@FIFA_GAME_official и то верно)

@matyuioprs9831 4 ай бұрын

Кто-то ещё пользуется HTML ?

@Flytago 13 күн бұрын

Он актуален всегда,

@BARMELONCHICK Жыл бұрын

2 и 3 способ↘↘↘

@allhousemusic Жыл бұрын

Эмм стайл не нужен

@user-nk8kb9pm4k Жыл бұрын

Чаво? Css код в HTML документе? Видимо я до такой магии ещё не добрался

@coolname1494 Жыл бұрын

Лучше конечно делать в отдельном CSS файле, но можно и так если прям надо. Можешь еще почитать про inline-style

@ttrxaxa4625 11 ай бұрын

друг ты щас офигеешь но в html файле можно писать js скрипты

@romic6-364 10 ай бұрын

@@ttrxaxa4625 когда я учился на сайте я думал что нужно 3 файла создавать, как книгу подарили так там просто style и script пишется

@theWyrmik Жыл бұрын

В какой проге ты писал?

@HexletOrg Жыл бұрын

Vim

@Nikita-mm2ft 8 ай бұрын

Что за прога?Сори,я в вашем мире новенький )

@HexletOrg 8 ай бұрын

Vim

@via754 11 ай бұрын

Вы уверены что этим тупым роликом будете набирать аудиторию? У меня рука потянулась за «не рекомендовать видео с этого канала»

@user-ty4gd4xj9c 8 ай бұрын

А что не так новичкам это поможет

@user-ts2kr6hf5h 8 ай бұрын

Расскажи как в центре этого круга разместить текст, пожалуйста.

@MrYogurt 8 ай бұрын

Также как и в обычном блоке, тут просто края закруглены