HTML, CSS and Website Design & Programming

Hi,

I want to create round shape corner box using HTML. I couldn't see any in-built HTML tag to create it. Do it need to use CSS to create round shape corner in HTML?

Thanks,

w3school

[cPanel/WHM Configuration]

Yes, you will require to use CSS to create round shape corner. Create four images to display the corner and use CSS to load them.

Kailash

Many ways you can make rounded corners....the html, the css, ps ways. You can to see what you are capable of really. I would personally go with PS and do it quickly with the pen tool!

If you are trying to draw a rectangle with rounded edges, then what you will need to do is, in your toolbox (the window with all the tools on the left) find the rectangle tool, and right click on it. It should then give you a drop down of different shape tools. Select the tool called "Rounded Rectangle Tool". Then goto your image, and click and drag to your heart's desire.

Hi,

I want to create round shape corner box using HTML. I couldn't see any in-built HTML tag to create it. Do it need to use CSS to create round shape corner in HTML?

Thanks,

w3school

Hi,
In W3school, this code is not available. In this code, at least four corner images are involved. I found actual code for you across these links:

1) ww.webdevelopersnotes.com/tips/html/html_table_tutorial_rounded_corners.php3

2) ww.dynamicdrive.com/style/csslibrary/item/css3_rounded_corners_using_border_radius/

In the first link, you can get html based code and in the second link you can get the appropriate CSS based code.

Making rounded corners involves a operational information of HTML tables and for that you can refer to the in-depth HTML table class. If you are previously familiar with the variety of tags linked with HTML tables and their attributes, you can go ahead and dig right into this tip else, I would recommend that you first read the HTML table tutorial in the higher HTML lesson.

Creating any particular shape in the HTML box requires you to first select the particular shape tool, go to your image, click and then drag it accordingly.