You can fix the horizontal and vertical location of background image using CSS background-position property. The behavior of background-position property depends upon CSS background-repeat property and background-attachment property

CSS Background-repeat property enables you to set the repeat behavior of background-image. CSS background-repeat property enables you to set the repeat layout of image along vertical direction only, or horizontal direction only or both directions.

CSS Background-Attachment property sets the behavior of background image with respect to browser window and HTML body content. The exact functionality of this CSS property shows its effect by using three CSS properties

CSS Background-Image property accepts the value as URL location of the image that is hosted along with your web site or any other location on the internet.

CSS background-color property accepts value as color name, RGB color or RGB based hexadecimal code that sets the background color to the HTML elements. This property highlights the background of HTML element based on the color code value.

CSS Background property accepts a set of values that allows you to set the values of different background properties in a single declaration.

In this tutorial we will learn how to use CSS background properties with HTML elements. You can set the color or image at the background of HTML page body or any HTML tag to make the web page more attractive for the users.

Third type of Div 3 columns layout using CSS styles can be created by just moving the pair of sidebars from right to the left side of content container div overlay element. In this tutorial we will set the position of sidebars at the left side of the content container div tag.

In the previous type of Div 3 columns layout we placed the sidebars separately, one sidebar at the left side of the content container and the other sidebar at the right side of the content container. In this second type of Div 3 columns layout we will place the sidebars together at the right side of the content container by just moving the code for sidebar div tags below the content container div element in the HTML code

Div 3 columns layout using CSS styles is the next step to design the div based layouts if you are familiar with Div 2 column layouts using CSS. In this tutorial we will split the main content section into 3 columns of div overlays as left sidebar, content container and right side bar.