Adding background images and indentation : background image « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. background image

Adding background images and indentation

  

<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <title>Background Images</title>

      <style type = "text/css">

         body  { background-image: url(http://www.java2s.com/style/logo.png);
                 background-position: bottom right;
                 background-repeat: no-repeat;
                 background-attachment: fixed; }

         p     { font-size: 18pt;
                 color: #aa5588; 
                 text-indent: 1em;
                 font-family: arial, sans-serif; }

         .dark { font-weight: bold; }

      </style>
   </head>

   <body>

      <p>this is a test. this is a test. this is a test. 
      <span class = "dark">this is a test. this is a test. </span> 
      this is a test. this is a test. this is a test. this is a test. 
      </p>

   </body>
</html>








Related examples in the same category

1.'background-image' Example
2.background-image: url('backgroundImage.jpg');
3.background-image property
4.background-image:url(http://java2s.com/style/logo.png); background-color:#cccccc;
5.background-image: url(http://java2s.com/style/logo.png);background-repeat: repeat-x; background-color: #ffffff;
6.background image: url
7.Page like background image for whole page
8.Tiled background image
9.Background-image: url(plane.gif), url(mail.gif), url(printer.gif), url(gift.gif); Background-position: center, top center, 40% 24px, 60% 24px;
10.The background-image property uses the url() syntax to specify a background-image.
11.background-image with default repeat properties
12.Use background-image:none to show no background image
13.Set background image for first line text in paragraph
14.Only part of a large background image is visible because the element's height is determined by the length of its contents.
15.Set style for strong to normal font weight and background color to yellow
16.Set more than one image for background
17.Add background image to LI
18.background-image and background-color