1. How To Insert Borders In Pages For Mac

To add a border to an HTML <table>, you first need to know how to create an HTML table. In HTML, you can create tables by using the <table> tag in conjunction with the <tr>, <td> and <th> tags.

Some template objects appear to be fixed in Pages for Mac, but this video shows you how to select and then edit (or delete) them in just a few clicks.http://. Apples on a green background around the page with an apple-shaped design in the bottom right corner. The border is sized to work with 8.5 x 11 paper (letter size).

Creating a border for the HTML table¶

After creating an HTML table, you should add a border to it, as borders are not added by default. First, let’s see an example, where we use the HTML border attribute.

Example of creating an HTML table with the border attribute:¶

Result¶

Anyway, we recommend using the CSS border property for adding a border to your tables. To add a border to your table, you need to define the <style> of your table.

Remember to add borders also for <th> and <td> tags to have a complete table. Set the border-collapse property as well (if you don’t define the border-collapse, it will use border-collapse: separate by default).

Example of creating borders for the HTML table:¶

How to change the HTML table border style with CSS¶

You can give styling to your table using the CSS border shorthand property, or the border-width, border-style, border-color properties, separately. See the example below to have a visible result of these properties.

Example of changing the HTML table border style with CSS:¶

If you don't want the border to go all around the table (or if you need different borders on each side of the table), you can use any of the following properties: border-top, border-right, border-bottom and border-left.

Example of adding bottom borders to the HTML table:¶

How to have rounded borders¶

You can also have rounded borders by using the CSS border-radius property. Remember that in this case, you should remove the border-collapse property to work properly. Let’s see an example where all the table elements are rounded.

Example of adding rounded borders to the HTML table:¶

How to add border to the <p>, <h2> or <div> elements¶

In the same way you can add a border to other HTML elements. Let's see an example of adding borders to the <p>, <h2> and <div> elements.

Example of adding borders to the <p>, <h2> and <div> elements:¶

If you want to have a rounded border on paragraphs, follow the example below to learn how to do it. Use the border-radius property to have your preferred outcome.

Example of creating rounded borders on paragraphs: ¶

How To Insert Borders In Pages For Mac

Related articles