![using script studio using script studio](https://i2.wp.com/clips-media-assets2.twitch.tv/28715418352-offset-47058-social-preview.jpg)
We have been using the border radius property for first class “a” to add the radius of 25 pixels and the background would be colored, sky blue. Within the style tag of this HTML script, we have specified the classes a and b for the first two paragraphs to separately style both of them while the ID “c” is being used with the hash sign to be styled separately. Let’s take a look at the CSS of this page. These paragraphs can be displayed with rounded edges on the HTML page. All these three paragraphs contain sentences that could be used as the content of the paragraph. The third paragraph has been specified with the ID “c”. The first two paragraphs have been specified with 2 different classes: a and b. Three paragraphs have been used by the utilization of the paragraph tag “p”. Within the body tag of the HTML document, we have been using a heading of size 1 that will not be used to round the corners. The head tag contains the title tag that has been used to give a title to the webpage as “ CSS rounded edges or corners”.
USING SCRIPT STUDIO CODE
We have started the HTML code with the use of the HTML basic tag followed by the head tag. Let’s round the edges of any images or some paragraphs. In this article, we will be taking a look at these properties that make a web page more appealing. It provides us with the border radius property along with different padding, width, and height properties to round the edges of some elements. The HTML CSS styling came up with these concepts as well.
![using script studio using script studio](https://images.propstore.com/241482.jpg)
Many developers and programmers used to style the images or elements of HTML to make their web pages more aesthetic and appealing. While working on many websites and scripting languages, you may have gone through many situations when you have encountered the rounded edges or corners of some elements or images.