rounded corners

Rounded corners is what we call the corners when they appear..well..rounded!
This functionality, if I may call it that, is accessed via a css property border-radius that allows us to give any element rounded corners, thus allowing us to thoughroughly shape the desired element.

Below is a div element styled with a background colour and border of different colour.

                    
                        #divroundedcorners {
                            background-color: lightgreen;
                            min-height: 100px;
                            margin: 0 3em;
                            border-radius: 7px;
                        }
                    
                

In case we only want to cut one corner, we simply need to set the remaining corners to 0, like so:

                    
                        #divroundonecorner {
                            background-color: lightskyblue;
                            border-radius: 0 0 0 17px;
                            padding: 5px;
                            min-height: 100px;
                            margin: 0 3em;
                        }