How to make up such decorative elements?

Question

css

Elements such as blue line, circle, etc.

Answer 1

SVG

Answer 2

picture

Answer 3

Circle - you can use border and choose border-radius, but you might not get a perfect circle, then you need to change the overall size a bit.

.circle{
width: 100px;
height: 100px;
border: 4px solid blue;
border-radius: 50px;

}

A wave is most simply a picture, but if there are any instructions not to use pictures, then SVG

Answer 4

This layout is from html academy
And they have a course on svg and how to draw it using css
https://htmlacademy.ru/courses/130
For such simple elements like a curved line, it’s quite possible to get confused and make

Answer 5

svg

Answer 6

svg through defer and then pull through use. Optimal, convenient, stylable via css

Answer 7

the easiest and fastest way is to draw in illustrator and save as SVG, and then as a regular picture

Answer 8

Another way: border-image with repeat