1 reply [Last post]
matthew4773's picture
Last seen: 4 years 48 weeks ago
Timezone: GMT+1
Joined: 2017-12-28
Posts: 1
Points: 2

Hello, I need your help with this hard task. I need to remove from this circle four stripes/lines. Only I can do is the cirlce.
[.circle {
width: 300px;
height: 300px;
background: black;
border-radius: 150px;

I need something like this, but with straight lines:
picture here
THANKS ... I hope it is possible. Sad( Sad( Sad(

gary.turner's picture
Last seen: 1 year 39 weeks ago
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858


I don't understand your objective. Your circle seems to be created by rounding the borders, which is ok, but what is its content? Just four black lines? If so, open up your image manipulation program and create it.

If the circle will have actual content, make a square image of alternating black and transparent lines and use it as background in the circle. Use the background-size property to fit.

This sounds like a homework assignment to me; one that is good only as an academic exercise, having no real world value.

If there is more to it, let us know.


If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.