How to put a colored line at the top of a web page?

I used to own a website with a line right at the top of the website is was like 5px in height, just wondered if anybody knew the CSS code to be able to do that and be able to set the color?

+ Rep for anybody who helps!

Thanks.

 

body { border-top: 5px solid #000; }

Code (markup):

Replace #000 with the colour of your choice.

 

You could use the body element, although for flexibility I'd use a separate div:

*
{
    padding:0;
    margin:0;
}

div#line
{
    width:100%;
    border-bottom:5px solid #yourcolour;
}

Code (markup):

This way you could alter it's size/positioning later on down the line.

 

yep that's the way to do it

 

to remove the white space add margin-top: 0;

body { border-top: 5px solid #000; margin-top: 0; }

Code (markup):