HTML/CSS/CSS Attributes and Javascript Style Properties/background image

Материал из Web эксперт
Перейти к: навигация, поиск

"background-image" Example

    
<html>
<head>
</head>
<body>
<div style="background:blue url(http://www.wbex.ru/style/logo.png) repeat top left; 
            width:200; 
            border:3; 
            height:150; 
            font-size:14">
            
            indicate background image
            </div>
            <br><br><br><br><br><br><br><br><br>
<div style="background-color:red; 
            background-attachment:fixed; 
            background-image:url(http://www.wbex.ru/style/logo.png); 
            background-repeat:repeat; 
            background-position-x:top; 
            background-position-y:left; 
            width:200; 
            border:3; 
            height:500; 
            font-size:14">
            
            background-image is from url(http://www.wbex.ru/style/logo.png). 
            
            </div>
</body>
</html>



background-image: url("backgroundImage.jpg");

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type="text/css">
            html, body {
                height: 1000px;
            }
            body {
                background-image: url("backgroundImage.jpg");
            }
        </style>
    </head>
    <body>
    </body>
</html>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/background_image&oldid=4847»