Background repreat and position : background « CSS Style « XML






Background repreat and position


File: Data.xml

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="Style.css"?>
<POEM>
  <TITLE>title</TITLE>
  <AUTHOR>author 1</AUTHOR>
  <DATE>2008</DATE>
  <IMAGE />
  <PARAGRAPH>
    <LINE>line 1</LINE>
    <LINE>line 2</LINE>
    <LINE>line 3</LINE>
    <LINE>line 4</LINE>
    <LINE>line 5</LINE>
    <LINE>line 6</LINE>
  </PARAGRAPH>
  <IMAGE />
  <PARAGRAPH>
    <LINE>line 7</LINE>
    <LINE>line 8</LINE>
    <LINE>line 9</LINE>
    <LINE>line 10</LINE>
    <LINE>line 11</LINE>
    <LINE>line 12</LINE>
  </PARAGRAPH>
</POEM>

File: Style.css

POEM{
   font-size:12pt
}

POEM, TITLE, AUTHOR, DATE, IMAGE, PARAGRAPH, LINE{
   display:block
}

DATE, PARAGRAPH{
   margin-bottom:.25in
}

IMAGE {
   background-image:url(Raven.bmp);
   background-repeat:no-repeat;
   background-position:center;
   width:89px;
   height:58px;
   float:left
}

 








Related examples in the same category

1.Use image as background
2.Changing the Background
3.Changing the Text's Background