Софтуерно Инженерство
Loading...
+ Нов въпрос
Hristian233 avatar Hristian233 16 Точки

CSS Presentation Problem 1

Здравейте

някой може ли да ми обясни как се правят тези безцветни кръгчета в проблем 1, на най-голямото от които пише "I'm so cool!"

 

Поздрави

Тагове:
0
HTML/CSS
Raskolnikov avatar Raskolnikov 102 Точки

Здравей!

Аз съм ги направил по следния начин. Самото кръгче е див. Правя го с background-color: rgba(169, 170, 170, 0.6);

Сложил съм му absolute position, z-index, border-radius. Вътре в него влагам втори див със съответния бордър. (Margin: auto; rgba(255, 255, 255, 1)). 

Това е накратко и в най-общи линии разбира се :)

Поздрави!

0
Kiril555 avatar Kiril555 4 Точки

Nested div's. Със CSS му даваш border-radius: 40px примерно. Нагласяш си го колко да е заоблен според нуждите ти. Вътре слагаш друг див (поне аз така направих) и му даваш border: 3px dashed и го поззиционираш absolute ili relative, както сметнеш за добре. Със width i height го докарваш на размери и така :)

0