Tiled Background Image Example

CSS Definition

    .inveigh {
    	background-color: #FFEEB3;
	background-image: url(background_tile_2006-06-23.png);
	color: inherit;
    }

Background Image Tile (64×64 pixels)

Background image

Style applied to “<span>”

    <p>
    <span class="inveigh">
    Why dost thou converse . . .
    </span>
    </p>

Why dost thou converse with that trunk of humours, that bolting-hutch of beastliness, that swollen parcel of dropsies, that huge bombard of sack, that stuffed cloak-bag of guts, that roasted Manningtree ox with the pudding in his belly, that reverend vice, that grey iniquity, that father ruffian, that vanity in years?

Style applied to “<div>”

    <div class="inveigh">
    <p>
    Why dost thou converse . . .
    </p>
    </div>

Why dost thou converse with that trunk of humours, that bolting-hutch of beastliness, that swollen parcel of dropsies, that huge bombard of sack, that stuffed cloak-bag of guts, that roasted Manningtree ox with the pudding in his belly, that reverend vice, that grey iniquity, that father ruffian, that vanity in years?

Style defined with “display: block;”, applied to “<span>”

    .berate {
    	background-color: #FFEEB3;
	background-image: url(background_tile_2006-06-23.png);
	color: inherit;
	display: block;
    }

    <p>
    <span class="berate">
    Why dost thou converse . . .
    </span>
    </p>

Why dost thou converse with that trunk of humours, that bolting-hutch of beastliness, that swollen parcel of dropsies, that huge bombard of sack, that stuffed cloak-bag of guts, that roasted Manningtree ox with the pudding in his belly, that reverend vice, that grey iniquity, that father ruffian, that vanity in years?

What's this?

Fourmilab Home Page