- object.svg
- style.css
SVG
<svg width="200" height="200">
<circle r="70" cx="100" cy="100" fill="none" stroke="lightgrey" stroke-width="55"></circle>
<circle r="70" cx="100" cy="100" fill="none" stroke="tomato" stroke-width="50"></circle>
</svg>
CSS
svg {
border: 1px solid #dddddd;
}
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Goalscompleted
0
- In SVG, after the second circle, create a third one with a radius of
70and center coordinates along both axes of100. - Clear the circle fill and set the stroke color to
white. - And then set the stroke width to
50.
Comments