# Setting the widget background

You can set an image as the widget background in a Cascading Style Sheet (CSS) file that you refer to from the widget HTML file.

For example, the following code adds an image called background.png as the widget background. The image is stored in the `gfx` folder in the widget project folder.

    html {
        height: 100%;
        background: rgb(190, 220, 255) url(../gfx/background.png) no-repeat scroll 0% 0%;
        font-size: 1em;
    }

Figure: Widget background file

Figure: Widget with the background