In this example we created a paragraph tag with a background animated gif. The animated gif paragraph1.gif is a small 30X20 pixels created with the Flowing Clouds dialog. This is the CSS ID selector for this paragraph.

p#animated {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: yellow;
background-image: url(paragraph1.gif);
border: medium dotted #0000FF;
padding: 4px;
}

Header with an animated background.

In this example we created H1 tag with a background animated gif. The animated gif header2.gif is a 264X64 pixels created with the Moving Stripes dialog. This is the CSS ID selector for this header.

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: yellow;
background-image: url(header2.gif);
border: medium dotted #0000FF;
padding: 4px;
font-weight: bold;
}