Tiled Background

page decoration 1995 still works

A small image repeated behind the whole page, cut so its edges join invisibly.

In 2026: Works, but do not use the <body background=> attribute any more, it is obsolete. The CSS version below is identical and lets you fix the tile while the page scrolls.

Where it came from: Netscape Navigator 1.1 BODY BACKGROUND attribute, 1995. MDN ↗

<!-- The 1995 way (obsolete attribute, still renders) -->
<body bgcolor="#000000" text="#00FF00"
      background="https://xbawx.com/btn/assets/e9/e9f7b1b0191adffe6cf00cf4516c9eaab7ebeac1.gif">

<!-- The way to do it now -->
<style>
body {
  background-image: url(https://xbawx.com/btn/assets/e9/e9f7b1b0191adffe6cf00cf4516c9eaab7ebeac1.gif);
  background-repeat: repeat;
  background-color: #000;       /* shows while the tile loads */
  background-attachment: fixed; /* tile stays put while you scroll */
  color: #0f0;
}
</style>

<font face="Verdana" size="2">
  Tiled backgrounds live in the xbawx button gallery under
  <b>textures</b>: /btn/?collection=textures
</font>

sandboxed demo · breaks nothing but itselfrestart

More in page decoration