This tutorial will outline the different steps involved in effectively converting any PSD file to a fully fledged HTML and CSS document for the web.

Your template file may have a different name, so use the correct name in place of "template.css." Your HTML head section looks similar to this example: Save the HTML file.

How to Add an Image to a CSS File. Web pages normally add images using the inline HTML "img" tag. CSS coding usually doesn't set an image's source because CSS controls design rather than content.