Código CSS

body {
	background-color: #FAFAD2;
	background-image: url(fondo.gif);
	background-repeat: repeat-y;
	background-attachment: fixed; 
	background-position: 80% top; }
h1.encabezado1 { background: Gray; }
p.primero { background: #FFB6C1; }
ul { background: #FFF url(cruz.gif) right center no-repeat; }
li {
	list-style: none;
	padding: 10px 20px;
	background: url(icono.gif) 0% 50% no-repeat; }

Código XHTML

<h1 class="encabezado1">Mi primer encabezado.</h1>
<p class="primero">Lorerili molor ipis adignibh ex <strong>ex ecte commy nulla 
feummodit luptat.</strong> Duis nos nulla eugue vulputat, quisit aut ut praesse faccum
zzriureet ulput laore conulla faciliquisi.</p>
<ul>
	<li>Mi primer item con una imagen de fondo como viñeta.</li>
	<li>Mi segundo item igual que el anterior.</li>
</ul>

Resultado

Como se puede observar en el resultado y en las reglas del código CSS:

• BODY: el cuerpo tiene asignado un color de fondo y una imagen llamada fondo.gif que se deberá repetir en el eje vertical (repeat-y), estando posicionada en la parte superior y al 80% hacia la derecha. Se encuentra con un 'background-attachment' de valor 'fixed' por lo cuál al utilizar las barras de desplazamiento verticales, el fondo no se mueve junto con el contenido sino que aparece fijo en la pantalla.
• H1: el encabezado tiene un simple fondo 'Gray' declarado con la propiedad resumida 'background'. Los valores no establecidos son fijados en sus valores iniciales. Lo mismo ocurre con el párrafo.
• UL: la lista tiene una cruz de fondo que no se repite y se coloca hacia la derecha y centrada verticalmente.
• LI: a cada elemento de la lista se le ocultó el estilo de viñeta, y se le asignó una viñeta propia utilizando un fondo. En él se especifica la url de la imagen, que no se debe repetir y que debe ser colocada a la izquierda y centrada (en el eje vertical).