- object.svg
- style.css
SVG
<svg width="300" height="150">
<circle r="60" cx="75" cy="50%" fill="gold" stroke="darkorange"></circle>
<circle class="shape-stroke-width" r="60" cx="225" cy="50%"></circle>
</svg>
CSS
svg {
border: 1px solid #dddddd;
}
.shape-stroke-width {
fill: lightseagreen;
stroke: teal;
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
- Задайте первой фигуре толщину обводки с помощью атрибута
stroke-width="3"
. - Задайте второй фигуре толщину обводки через CSS
stroke-width: 5%
.
Обратите внимание, что, в отличие от HTML, рамка не влияет на положение фигуры в пространстве или на её размеры.