Adding a border to a Web page can help to make the page layout clearer by separating design elements. Borders can highlight important sections of website text, information tables, images and graphics. You can make a border for a Web page using Adobe's Dreamweaver website design software by highlighting the design element and adding a border attribute by editing the HTML code.
- Skill level:
Other People Are Reading
Click "File" from the main navigation menu, followed by "Open." Open the Web page on which you want to add the border.
Scroll through the Web page to locate the design element that you want to place in a border. For example, you might want to add a border around an image or a table.
Click on the design element to highlight it.
Click the "Code" button under "Source Code" in the navigation submenu. This displays the HTML design code for the Web page. The page automatically opens at the location that you've highlighted.
Type "border="1"" inside the opening tag for the design element, between the triangular flow brackets. For example, if you're adding a border to a table, the opening tag should look like this: "<table width="400" height="200" border="1">". You can change the number in the border attribute to increase the thickness of the border line. In this example, the border is one pixel thick.
Click "File" from the main navigation menu, followed by "Save" to save your edited Web page. Upload the page to your Web server. Repeat these steps for each border that you want to add.
Tips and warnings
- The default colour for Web page borders is black, but you can change the colour by adding the attribute "bordercolor="blue"" -- or another colour -- after the original border attribute in Step 6.
- 20 of the funniest online reviews ever
- 14 Biggest lies people tell in online dating sites
- Hilarious things Google thinks you're trying to search for