Use image as background : background « CSS Style « XML






Use image as background

File: Data.xml

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="Style.css"?>
<document>
  <page>
    <image1 />
    <title>this is the title</title>
    <paragraph>this is a paragraph</paragraph>
  </page>
</document>

File: Style.css

title{
  display:block;
  color: #000000;
  font-size: 30px;
  font-weight: bold;
}
paragraph {
  display:block;
  padding:10px;
  margin: 10px;
}
image1 {
  display:block;
  margin:10px;
  width:282px;
  height:187px;
  background-image:url(background.jpg)
}

 








Related examples in the same category

1.Background repreat and position
2.Changing the Background
3.Changing the Text's Background