Lesson: HTML5 and CSS
Add Rounded Corners with a Border Radius
Your cat photo currently has sharp corners. We can round out those corners with a CSS property called border-radius
.
You can specify a border-radius
with pixels. Give your cat photo a border-radius
of 10px
.
Note: this waypoint allows for multiple possible solutions. For example, you may add border-radius
to either the .thick-green-border
class or .smaller-image
class.
The content on this page is licensed under Attribution-ShareAlike 4.0 International. Original authors: freeCodeCamp, the content was modified.