Updated date:

How to Create Simple Webpage Borders Using MS Paint

I love using MS Paint to create cool and fun designs. You can actually do a lot of projects with it!

Learn how to create borders for your webpage using MS Paint, including creative borders that make use of a second image file.

Learn how to create borders for your webpage using MS Paint, including creative borders that make use of a second image file.

Making Borders in MS Paint

In this tutorial, I will show you how to create simple borders using Paint. I will cover using the paint tools as well as using a picture of your choosing. I hope this helps inspire you to create custom borders to spice up your webpages.

Opening MS Paint

In order to get started, you must first open Microsoft Paint on your computer. All you have to do is follow the steps outlined below. Some of you may have the Paint icon on your Desktop, so if that is the case just click on the icon and open the program.

How to Open Paint

  1. Click on the Windows button at the left-hand bottom of the screen.
  2. Click on All Programs.
  3. Click on the Accessories folder.
  4. Click on the Paint icon

Note if You Have Windows 95/98/2000/XP

If Paint does not show up in the Accessories folder, you will need to add it there. Each version of Windows is a little different; however, the idea is basically the same.

  1. Click on the Windows/Start button on the bottom left-hand portion of the screen.
  2. Click on Control Panel.
  3. Click on Add Remove Programs.
  4. On the left-hand portion of the screen, click on the icon Add/Remove Windows Components.
  5. Make sure Accessories and Utilities is highlighted.
  6. Click on the Details button.
  7. Make sure Accessories is highlighted.
  8. Place a checkmark next to Paint.
  9. Click on the OK button.
  10. Follow any further instructions.

Creating a Simple Border

Follow these simple steps to create a border.

  1. Choose your colors. You can click on the Colors then click on Edit Colors then click on Define Custom Colors.
  2. Select the main color you want to use.
  3. Select the Line from the toolbox on the left-hand side.
  4. Select the thickness of the Line.
  5. The smaller the thickness, the thinner the line will be. The larger the thickness, the larger the height of the line will be.
  6. Select a starting point of your first line by clicking on the left side of the canvas.
  7. Hold down the left mouse button and then drag the line across the screen. Note that the line does become uneven if not straight. Simply move your move up or down to fix the line. Then release the mouse button when you are satisfied. If you make any mistakes, simply click on Edit then click Undo as many times as necessary.
  8. Draw a second line below the first line you created by following the same steps above.
  9. Choose a second color.
  10. Click on the paint can icon from the toolbox on the left-hand side.
  11. Click on the area in between the two lines you drew. This will fill the area with your second choice of color.
  12. Click on the Dashed Selection tool.
  13. On the left-hand side, click right above your first line.
  14. Holding down the left mouse button, drag the selection over both lines.
  15. Click on Image and then select Crop.
  16. Select File, then Save As, name the photo and choose where you would like to save the border.
  17. Now you just need to import the photo of the border onto your page.

Definitely play around with other colors and line thicknesses to create the border that is unique to you or your page. This was just a general way of creating a simple border. There are many other tools you can use to create a border that is right for you.

Using a Picture to Create Unique Borders

This section will cover how to create borders using your own pictures. Please note that you should only use your own images or pictures you have permission to use so that you do not violate any copyright laws.

Source: This is a painting my daughter, Chrishell, had painted.  I do have her permission to use this painting.

Source: This is a painting my daughter, Chrishell, had painted. I do have her permission to use this painting.

Creating a Unique Border

  1. Choose a picture that has vivid colors, a lot of movement, or just an area that you feel is unique.
  2. Very Important: Right-click on the photo, then select Copy! You do NOT want to change or ruin your original photo.
  3. Click on your desktop, right-click and then select Paste.
  4. Please Note: Clicking on the desktop instead of using the picture folder. prevents mistakes or accidents from happening to the original photo. After you are done using the copy of the picture to create a unique border, you can always move the picture to a folder or area that you choose without the fear of damaging the original photo.
  5. Start up Paint.
  6. Click on Edit and then select Paint From.
  7. Choose the picture location.
  8. Click on Open. Note on the screenshot below that the picture did not fill the canvas area. The reason for this is the size of the canvas I am using I want to target just a specific area of the painting to use as the border. I am using this specific example so if this happens to you, you will know what to do.
  9. Click in the area surrounded by the light blue dashed border, hold down your left mouse button and drag the picture into the canvas, until you arrive at the area you want to use. This is the area I targeted for this demonstration. I want to create a black border around the area that I want to use.
  10. Select the color that you want to use.
  11. Click on the solid square located below the line tool.
  12. Select the rectangle with the clear center. The other options will fill the area with the color and not create a border.
  13. Select the thickness of the border.
  14. Select the area you want to start with, holding down the left mouse button, drag the mouse and select the area of your choice. When satisfied, release the mouse button.
  15. Use the dashed selection tool, holding down the left mouse button, drag the mouse until the border is highlighted.
  16. Click on Image and then select Crop.
  17. Select File, then Save As, name the photo and choose where you would like to save the border.
  18. Now you just need to import the photo of the border onto your page.

Be sure to play around with different border thicknesses, colors, as well as pictures to find the perfect combination to create a unique border for your page.

Enhance Your Page With a One-of-a-Kind Border

Creating borders using Paint can be fun and enhance your page with ease. In this tutorial, I just covered the basics; however, using your imagination, creativity, and playing around with different tools, colors, as well as pictures, you will be able to easily create a one-of-a-kind border that is sure to enhance the page.

This article is accurate and true to the best of the author’s knowledge. Content is for informational or entertainment purposes only and does not substitute for personal counsel or professional advice in business, financial, legal, or technical matters.

© 2012 Patty Kenyon

Comments

Gary Zeune CPA on January 28, 2018:

This is waaaayyyy to much work and easy to screw it up. Here's a much, easier, thus faster and more accurate method. 1. Put the image in Word or PowerPoint

2. Click on the image to select it

3. Add a border

4. click on the image to select it

5. Click Save as, give it a name and select a location.

Done.

Dale Anderson from The High Seas on December 11, 2017:

This was a fun how to hub. Nice work.

Lin on March 03, 2014:

I have done this before and yes it makes for a very easy border. I found it out on my own when playing around in paint.

Kristin Kaldahl on September 14, 2012:

I did try it and referred to your page. :) I made a lot of unique boarders that I am using in my hubs now. Thanks so much for the help. My hubs are looking a lot more "cool." :)

frogyfish from Central United States of America on September 14, 2012:

Well I had no idea! Now I am going to have to try this...will need to refer back to your page I'm sure. Thank you so much for your info!

Shelley Watson on September 09, 2012:

Hello Patty, thank you so much for this, it gave me some great ideas, and am trying it out. Voted up, interesting and useful.

Patty Kenyon (author) from Ledyard, Connecticut on August 27, 2012:

Nick, Thanks for taking the time to read this and comment!! I always appreciate your encouragement and support!! By the way, I like the new profile picture!!! THANKS AGAIN!!!

IntegrityYes on August 25, 2012:

You are very welcome, Patty. I voted up again. That is so useful.

nanderson500 from Seattle, WA on August 24, 2012:

I like to use Paint sometimes. This is very well organized, with clear instructions. Great job!

Patty Kenyon (author) from Ledyard, Connecticut on August 16, 2012:

A K Turner, I too use word with paint when working with certain projects. If your website is posted, I will be sure to take a look!! Thanks for taking the time to comment!!! I do appreciate it!!!

Joseph A K Turner from West Yorkshire on August 16, 2012:

great article, very useful, I use paint a lot, I find it is most effective when used with Microsoft word, I have created some gorgeous looking pieces like that. I used them to construct the top part for my website. Although it is not finished yet, should be up tomorrow!

Patty Kenyon (author) from Ledyard, Connecticut on August 05, 2012:

unknown spy, Thank-you soooo much for your kind comments!!! I truly do appreciate it!!! I too like to read tutorials even if I am familiar with whatever the tutorial is about because I usually do find out something new!! Thanks Again!!!

Life Under Construction from Neverland on August 05, 2012:

perfect tutorial Patty. I always love to read hubs like these, you can always gain something new.

Patty Kenyon (author) from Ledyard, Connecticut on August 04, 2012:

rajan, Thank-you soooo very, very much for your comments and votes!!! I truly do appreciate it!!!

Rajan Singh Jolly from From Mumbai, presently in Jalandhar, INDIA. on August 04, 2012:

Patty, thanks for this wonderful tutorial. Now I know how borders can be made.

Voted up, useful and interesting. Shared this hub on facebook.

Patty Kenyon (author) from Ledyard, Connecticut on August 01, 2012:

Alancaster, Thank-you for your comments!! My oldest daughter painted the picture that I used!! Paint is a versatile simple program that with time and practice can be used for many different things. I am terrible at drawing, however I have used Paint to put collages of different pictures together to come up with a drawing. And I have used it to create diagrams.

If you are strictly looking for a program just for diagrams, you may want to check out Microsoft Visio but it does cost money. Also for drawings as well as pictures, Photoshop is another program that does cost money but versatile in use. I use Paint because it is versatile and free!! :)

Alan R Lancaster from Forest Gate, London E7, U K (ex-pat Yorkshire) on August 01, 2012:

Interesting item, possibly useful as a starting point for something else. I'd like to do 'drawings' and 'diagrams' as well as experiment with book covers. Impressive picture you started the border from, by the way.

Patty Kenyon (author) from Ledyard, Connecticut on August 01, 2012:

belleboy, Thank-you soooo much for you comments!! I hope that it helps you. There is a ton you can do with just using a simple program. I have asked a few friends what programs they use or where they get their borders, some use Photoshop and others purchase borders. If I find more information, I will let you know!! Thanks Again!!

belleboy on August 01, 2012:

Fantastic tutorial Patty. It's cool how you created a border from your daughter's great painting. I'll use this hub when I try to make my own borders. Thanks again for sharing your tips.

Patty Kenyon (author) from Ledyard, Connecticut on July 31, 2012:

IntegrityYes, Thank-you sooo much!!! I do appreciate your support as well as your encouragement!!! Thanks Again!!

IntegrityYes on July 31, 2012:

Patty,you are magnificent. I definitely voted up. That is fantastic information.

Patty Kenyon (author) from Ledyard, Connecticut on July 31, 2012:

Mhatter, Thank-you for your comments as well as your continued support!! I do appreciate it!!

Martin Kloess from San Francisco on July 31, 2012:

Thank you for taking the time to teach us this.

Patty Kenyon (author) from Ledyard, Connecticut on July 31, 2012:

mckbirds, Thank-you for your comments; I do appreciate them!! Thanks Again!!!

mckbirdbks from Emerald Wells, Just off the crossroads,Texas on July 31, 2012:

You did a nice job with this. I agree that the Hubs that insert interesting borders have a much more complete feel to them.

Patty Kenyon (author) from Ledyard, Connecticut on July 31, 2012:

agilitymach, THANK-YOU soooo much and glad that you found it useful!! It does take a little time to master but it is a free to use program that has many benefits!! I wish you the best of luck and if you get stuck, let me know and I will do my best to help!!

Kristin Kaldahl on July 31, 2012:

SUPER helpful with great step-by-step instructions. I'm writing a bit of a detailed Hub now that will be greatly helped by these line breaks. Thanks so much. I'm bookmarking this page. :)

Patty Kenyon (author) from Ledyard, Connecticut on July 31, 2012:

Ron, Thank you soooo much for your comments!!! Creativity is how I survive in life...lol...Thank-you for your continued support and encouragement; I truly do appreciate it!!! Thanks Again!!

Ron Hawkster from United States of America on July 31, 2012:

Patty,

You're so creative! And the instructions are flawless. Great job.

Patty Kenyon (author) from Ledyard, Connecticut on July 31, 2012:

Josh, Thank-you soooo much!!! I wanted to help out fellow Hubbers with way of adding content to their pages!! As always, thank-you for your encouragement and support!!

Joshua Zerbini from Pennsylvania on July 31, 2012:

Patty,

Wow, what detailed, informative and very clear presentation! Excellent job Patty!

Related Articles