#header h1 a{
display:block;
text-indent:-9999em;
background:(images/logo.png) no-repeat 0 0;
height:87px;
width:250px;
overflow:hidden;
}
Quote a piece of code. Replace text with an image, and has a hyperlink. <a> default label inline, first element block to block, to define its width and height, to adapt to the width and height of the picture. <a> height of the label should be the same picture. text-indent indents to the font to see the place, you can not delete the text, so you can make the image replacement text.