# Styling with Emmet

Emmet can also be used in CSS.

### Add a background image to the page

In the "index.html" page in the "start" project, add a `style` tag just below the `link` tag.

* Enter `style` and press `tab`

![](https://1151923643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlvtEHKkq5bvzPq1pJ4%2F-LlvtJMfPaOZK9HU1qdu%2F-LlwotSMU6D2WMHgLOt7%2Fimage.png?alt=media\&token=5a3ef2cb-f9f9-45a1-9614-004508459c6d)

Inside the `style` tag, create a style for the main `html` element.

![](https://1151923643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlvtEHKkq5bvzPq1pJ4%2F-LlvtJMfPaOZK9HU1qdu%2F-Llwp2VxYVpQGtY6Kgk9%2Fimage.png?alt=media\&token=e65987cc-2f9e-4b9f-a7bf-d97c79ba7298)

Add a background image and set it's properties...

* Enter `bgi` press `tab`
  * Set the url to "background.jpeg"
* Enter `bgr` press `tab`
  * Set the value to "no-repeat"
* Enter `bgs` press `tab`
  * Set the value to "cover"
* Set the `height` to 100%
  * Enter `h100p` press `tab`
* Set the `min-height` to 1400px
  * Enter `mh1400` press `tab`

![](https://1151923643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlvtEHKkq5bvzPq1pJ4%2F-LlvtJMfPaOZK9HU1qdu%2F-LlwpnyMZlEfx-iwzIZa%2Fimage.png?alt=media\&token=8cd84da1-ff54-4493-b3d0-f26fa59c92c9)

### Style the rest of the page

Add a style for the `body` element

* Set the "background-color" to "RGBA(255, 255, 255, 0.8)
  * Enter `bgc` press `tab`
* Set the `height` to 100%
  * Enter `h100p`

![](https://1151923643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlvtEHKkq5bvzPq1pJ4%2F-LlvtJMfPaOZK9HU1qdu%2F-LlwqApcCLryC6lgrR5e%2Fimage.png?alt=media\&token=59e1e668-6571-4f2c-97db-4b3fdf6b76da)

Add a style for the `#app` ID

* Set the `max-width` to 800px
  * Enter `maw800` press tab