A Google Docs draft

An example of using CSS in your document

Overview

Did you know you can now style your Google Docs documents using CSS? This gives you greater control over the look and feel of your document. You can add background images, change how your lists are indented, and much more.

More information

For more information, why not check out the Google Docs blog. If you're having trouble, the Google Docs Help Center is a great place to look. And if you want to share your styles with others, drop by the Google Docs Help Group.

About this example

This document is an example of using a background image as a watermark.

CSS Code

Here is the CSS used in this document:

body {
  background-image: url('File?id=ad8wdwbvms_890m8v5pjdm_b');
  background-repeat: no-repeat;
  background-position: 50% 20px;
}

Notes:

When using watermarks, make sure the image you are using is light enough so that when text is written over it, the text is still visible.

You can use the background-position attribute to designate where on the page the watermark appears. The first value determines its horizontal position, the second value determines its vertical position, and you can use decimal or percentage values. A value of 50% will place the image in the center.