---
title: "Bild i CSS"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/174141-bild-i-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "rikard81"
published: "2008-09-17T13:03:02.000Z"
updated: "2008-09-17T14:10:31.000Z"
replies: 2
views: 346
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/174141-bild-i-css"
---

# Bild i CSS

## #1 — rikard81, 2008-09-17T13:03Z

Jag vet att man kan infoga bakgrundsbilder i CSS men hur infogar man egentligen komponenter.. te.x små gif-bilder utan att använda HTML? Om jag te.x vill ha en bild framför en länk och skapar en class. Hur gör jag då? 

HTML:

\<a class="bilden" href="http://www.adressen.com"\>Tryck här\</a\>

CSS:

.bilden {img: url(bilder/pekare.png); }

Funkar ej.   :l

Permalänk: https://www.webforum.nu/p/174141

## #2 — StefanBergfeldt, 2008-09-17T13:05Z

Du får sätta en Background på den, och ställa in background-repeat.
En padding kan vara lämpligt också så att texten inte går över bilden.

Permalänk: https://www.webforum.nu/p/2142130

## #3 — silfver, 2008-09-17T14:10Z

Exempel: 

```
<a id="rss" href="#">RSS-länk</a>

#rss {background: url(img/rss.png) 2px no-repeat; padding: 2px 0 3px 18px;}
```

Permalänk: https://www.webforum.nu/p/2142163

---

Tråden på webben: https://www.webforum.nu/amne/html-css/174141-bild-i-css