How to Center a BG Image in HTML
The wonderful thing about HTML is that you can use it to customize website features that otherwise cannot be customized. This includes customizing image placement. In order to center a background image using HTML, the website you are using must have an HTML editor.
Other People Are Reading
Instructions
-
-
1
Log in to your website's "control panel."
-
2
Click the "File Directory" link.
-
-
3
Locate the page (file) on which you would like to center a background image. Click the page's "Edit" option to launch the HTML editor.
-
4
Locate the HTML for the background image. Here is how the HTML for the background image will appear:
<BODY BACKGROUND="yourbackgroundimage.jpg">
-
5
Edit the HTML for the background image so that it reads:
<BODY BACKGROUND="yourbackgroundimage.jpg" background-position:center;>
If you don't want the background to repeat, use the following HTML instead:
<BODY BACKGROUND="yourbackgroundimage.jpg" background-repeat:no-repeat; background-position:center;>
-
6
Click "Save" and then "Publish" if a publish option is available.
-
1
References
- Photo Credit Comstock/Comstock/Getty Images
