Create an Email Border Design in Mail Designer 365
An email border design can frame the entire newsletter, separate the message from the surrounding inbox background, and reinforce a consistent visual style. Mail Designer 365 lets you apply a border to the design background, then choose its line style, thickness, color, and individual edges.
This article covers the border around the overall email design. To add an outline to an individual image or shape, use the separate Mail Designer 365 border tool guide. Keeping those two workflows distinct prevents changes from being applied to the wrong element.
1. Select the design background
Click the background of the email design rather than an image, shape, or text area. The controls for the overall design border will appear. If you see settings for a selected content element, click an empty part of the background and check the selection again.
2. Choose a border style
Open the style menu and choose the line treatment that fits the campaign. A solid border is usually the most versatile option for newsletters, product updates, and invitations. More decorative styles can work for a themed message, but use them carefully so the frame does not compete with the content.
3. Set the border thickness
Use the arrow control to increase the thickness or enter the desired pixel value manually and confirm it. Start with a subtle value, then preview the email at its actual reading width. A border that looks balanced on a large design canvas can become visually heavy on a narrow mobile screen.
4. Choose the border color
Use the color control to select a border color. A neutral shade can define the email gently, while a brand color can connect the frame to headings, buttons, or other campaign accents. Check the border against both the email background and the surrounding page or inbox background, and maintain sufficient contrast without letting the frame dominate the message.
5. Edit border edges separately
Mail Designer 365 can apply different settings to individual edges. Use the edge-selection display to choose the top, right, bottom, or left side, then adjust only that part of the border. This is useful for creating a top accent, a divider-like bottom edge, or an asymmetric frame without changing all four sides.
Troubleshoot the design border
If the controls do not appear, click away from the current element and select the design background again. When only one edge changes, inspect the edge-selection display and enable the sides that should share the setting. If the frame looks uneven, compare the pixel values for each side and check whether an intentional asymmetric configuration is active.
For a border that seems too wide on mobile, reduce the thickness instead of changing unrelated layout widths. If the color appears different than expected, compare it with the surrounding background and verify the selected color value. After each correction, preview the complete message so the border can be judged in context rather than as an isolated control.
Check the border before sending
- Preview the design at desktop and mobile widths.
- Confirm that the border frames the overall email rather than an individual image or shape.
- Check line thickness and color against light and dark surrounding backgrounds.
- Verify that separately edited edges are intentional and consistent.
- Send a test email to the clients your audience uses most.
If the border is missing or appears on the wrong element, return to the editor and confirm what is selected. For a design-wide frame, select the background. For an image or shape outline, use the element-specific border controls described in the linked guide.
A successful email border design should support the hierarchy of the message. Use the frame to define the design area or add a restrained accent, while keeping the headline, content, and call to action visually dominant. For a broader feature overview and visual examples, see design borders in Mail Designer 365.
How Can We Help?