How to create a circle with a text in the middle and across the edges in CSS?
Question
If possible I would like to create this image in CSS. So far I have not been able to do anything even close to those edges with text. Is it even possible and if so how should I approach it?
1 answers
solution1
0 2022-01-20 19:46:56
To turn your div into a circle you can apply the following property: border-radius: 100% Now if you are asking about the curved text, here is an article that might be helpful: https://css-tricks.com/snippets/svg/curved-text-along-path/
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Qualtrics (HTML/CSS/Java): How to create a circle with a line in the middle, text above and below the line
How to make a circle and put text in the middle using CSS
Incomplete circle using CSS with divider in middle with text
How to center text in the middle of the responsive circle, (text is responsive too)?[css/html only]
CSS - Circle with letters in the middle
how to draw circle with text in middle and an image as a background of the circle?
How to create multicolored circle in css
How to create dot circle in css?
How to create text around a circle (Circle of Fifths)
Link circles to the middle circle with CSS
Related Tags