CSS - CSS Background - CSS Background Image




 CSS Background Image

Learn css - css tutorial - CSS Background Image - css examples - css programs

CSS Background image - Definition and Usage

  • In css background-image property is to apply one or more background images for an element.
  • By default, a background-image can be fixed at the top-left corner of an element, and repeated both vertically and horizontally.
  • Apply background-color to be used if the image is not available.
CSS background image
  • In CSS, the background-image property is being used to set the background image for the body.

sample html code - html css

Tryit<!DOCTYPE html>
<head>
  <style>
     body 
            {
                background-image:
                    url("http://www.wikitechy.com/img/logo.png");
            }        
    </style>
</head>
  <body>
  This is wikitechy logo!
  </body>
</html>
click below button to copy the code. By - css tutorial - team

Code Explanation - stylesheet css

css image
  1. The background-image property specifies an image to use as the background for the element. URL specifies the location path of the background image.
  2. Here we have “This is wikitechy logo!” which have been called inside the body tag (<body> </body>).

Code Output - css online

background image size
  1. The text “This is wikitechy logo!” was displayed in the browser window as shown.
  2. Here, the background image wikitechy.com was displayed in the output.
  3. Note : The wikitechy.com image appears repeatedly over here in this output which is nothing but the REPEAT PROPERTY IN CSS which we will learn in the forthcoming concepts of CSS.

This page provides a detailed information on stylesheet css , css input , css menu , css for table , css in js , external css , css maker , html css style , css documentation , css page , css site , css3 websites , html css course , css stylesheets , css web design , css beginner , html to css , learn html css and javascript , css official website.


View More Quick Examples

CSS BASICS & SELECTORS CSS SELECTOR ATTRIBUTE CSS STYLE FORMS COLORS & BACKGROUND CSS MARGIN & PADDING CSS WIDTH & HEIGHT CSS LINKS CSS BLOCKS

Related Searches to CSS - Background Image