Loading...
Графика/Дизайн | вопрос по бордеру
хочу сделать бордер аватар бордера в окружности и никнейм что бы оптикал, можно ли сделать так в одном диве ?
например border-radius:50%; это аватар а как сделать еще бордер аккаунта? без отдельного дива ?

пример я нарисовал на скриншоте пример

Изображение

------
84216_22102022160739.jpg (13.6 Kb)
Скачиваний: 127
pyrokinesis (22 окт 2022, в 16:13)
хочу сделать бордер аватар бордера в окружности и никнейм что бы оптикал, можно ли сделать так в одном диве ?
например border-radius:50%; это аватар а как сделать еще бордер аккаунта? без отдельного дива ?

пример я нарисовал на скриншоте пример
border: 2px solid? Тупо не понял, если не смог помочь 😄🤦🏻
________
посл. ред. 22.10.2022 в 16:16; всего 1 раз(а); by Dusty
Dusty (22 окт 2022, в 16:15)
border: 2px solid? Тупо не понял, если не смог помочь 😄🤦🏻
причем тут это я про радиусы спрашиваю
border-radius:50%; border:1px solid
Temma , хи вы так и не поняли ну получится круг , по мимо этого мне нужно оптикание как на скриншоте.

я могу сделать это с помощью двух дивов, с position:absolute; я хочу без этого
________
посл. ред. 22.10.2022 в 18:23; всего 3 раз(а); by 155876556
pyrokinesis , может быть это вы не так поняли? и на скриншоте я не вижу обтеканий )
Temma , хочу сделать такой бордер как нарисовал,
Temma (22 окт 2022, в 19:41)
pyrokinesis , может быть это вы не так поняли? и на скриншоте я не вижу обтеканий )
это можно лехко сделать с двумя дивами . можно ли сделать ве одним дивом ?
Temma (22 окт 2022, в 19:41)
pyrokinesis , может быть это вы не так поняли? и на скриншоте я не вижу обтеканий )
например что бы аватар был border-radius:50%; а никнейм border-radius:12px; но только в одном диве, это можно сделать?
________
посл. ред. 22.10.2022 в 19:50; всего 2 раз(а); by 155876556
pyrokinesis (22 окт 2022, в 19:47)
это можно лехко сделать с двумя дивами . можно ли сделать ве одним дивом ?
Теоретически сделать можно, если использовать псевдоэлементы, но нужно будет сразу забыть про адаптивность к тексту, в данном случае к длине ника. Если будет интересно, я сейчас сделаю пример реализации для общего развития, но нужно будет немного подождать:
https://codepen.io/andrey_lark/pen/WNJVVQX
________
посл. ред. 22.10.2022 в 20:54; всего 1 раз(а); by the_lark
Онлайн: 2
Время:
Gen. 0.1314
(c) ByMAS.RU 2010-2025