You have many borders and outlines to choose in CSS below is the webpage where I was able to create different borders and outlines

I used 2 div elements positioned them apart set the width and height to 200px

then I created a key frame animation to change the border and the outline. I also offset the outline by 30px. The color of the border is yellow and color of the outline is green

I wrote a webpage with CSS ANIMATIONS I animated 18 div elements. I made them all invisible at first then though css animations I had the div elements appear. To move them down the page I used the margin-top property while the element was going down I turned the square div element into a round div element giving each one a different color. Each of the div elements were divided into 3 classes. Each div had a different position and the 3 classes had 3 different margin-top properties

CSS is what is used to style web pages it has come a long way over the years.

You can put a border around any element in CSS. You can use a lot of different

styles on a border. You can use solid,dotted,dash and many others

. You can also change the width of the element any size you want, and you can use any color you want.

Example of border radiuses below is the web page I used