---
title: "style <hr>"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/117597-style-hr"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Troxy"
published: "2004-12-08T12:24:37.000Z"
updated: "2005-02-08T06:39:25.000Z"
replies: 5
views: 504
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/117597-style-hr"
---

# style <hr>

## #1 — Troxy, 2004-12-08T12:24Z

Hej, jag vill att hr-linjerna på sidan ska vara heldragna och i en speciell färg. I HTML skriver man noshade i taggen, men hur gör man i CSS?

```
hr
	{
	color: #EEE1D0;
	}
```

Detta fungerar i IE men inte i Firefox.

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

## #2 — Web-Tor, 2004-12-08T12:30Z

Man gör som vanligt - man söker. :)
<http://www.webforum.nu/showthread.php?s=&postid=659778#post659778>
<http://www.webforum.nu/showthread.php?s=&postid=648588#post648588>

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

## #3 — shun, 2005-02-07T15:48Z

edit- jättefel, skulle färglägga min kod med förhandsgranska, inte skicka nytt svar.

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

## #4 — medialabs, 2005-02-07T15:50Z

Jag gör så här:

```
<hr class="linje" size="1">
```

```
.linje  {
background-color: #8B9DB5;
color: #8B9DB5;
}
```

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

## #5 — zcorpan, 2005-02-07T20:22Z

Antingen: 

```
hr { 
	height: 0;
	border: none;
	border-bottom: 1px solid red;
}
```

Eller:

```
hr {
	height: 1px;
	border: none;
	color: red;
	background: red;
}
```

 Jag gillar den första bättre, för då kan man använda tex *dashed border* osv. :bire

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

## #6 — martin, 2005-02-08T06:39Z

Jag brukar få problem med marginaler och sånt på vissa browsers när jag stylar hr direkt (kommer inte ihåg vilka just nu), så jag brukar fulkoda dem.:

```
<div class="hr"><hr /></div>
.hr {
height:1px;
background:url(hr.png) repeat-x;
}
.hr hr {
display:none;
}
```

 Då får jag dessutom exakt det utseende jag vill ha.

/ m a r t i n

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/117597-style-hr