The round corners of the tables are purely to create a certain look and are not practical. But sometimes it becomes necessary to give them a more aesthetic look. How can this be done?
Necessary
- - web page editor;
- - application for creating images.
Instructions
Step 1
Create a rectangular block in the web page editor. Remember the exact color value of your table and the background color of the area in which it will be located.
Step 2
When creating a block, also consider that additional elements will need to be added to the sides and corners, so add a table of three rows and three columns to the block. Make the layout according to the size of the future corners.
Step 3
Prepare in advance the rounded corners made in any graphics editor you have. They should be made in the form of squares with semicircles drawn in the color of your future web page. The rest of the square should be painted with the main background color or the color of the area on which the table is located, i.e., they should completely merge. You can also decorate the rounded corners with graphic effects to your liking.
Step 4
Using the same principle, make rectangles that will be located along the perimeter of the block. Calculate the size based on the size of the side of the square with the drawn corner and according to the length of the side of the table to which this or that rectangle fits.
Step 5
Resize the images to fit the side cells of the table. It is best not to save thumbnail images at once, but to have copies of a higher resolution just in case you suddenly have to perform an operation for the same web page or for use in the future as a template so that you do not have to repeat the same actions several times. …
Step 6
"Glue" rectangles to your table and "rounded" edges in the corners. Resize them so that everything looks like a single shape, and make the table fields invisible. It is best to make the middle block of the table the largest, so that there is not a large distance between the text it contains and the edges of the area.
