Logo design on CSS

I am working on a Logo design.

Let me explain more briefly.  On this site, Experts X Exchange, When we right click on the logo we can save the image as .png file. Our requirement is instead of saving it as .img, we need to do it on CSS.

Image which is located between Experts and Exchange should not be saved as an Image. It has to be designed through CSS or any other Style sheet.

In my case, i need a redchillie. How should i do this on CSS?
chokkaStudentAsked:
Who is Participating?
 
Tony van SchaikFront-end Web developerCommented:
Do you mean like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS logo</title>
<style type="text/css">
a.logo {
	background:url(http://www.w3.org/html/logo/badge/html5-badge-h-connectivity-css3-device-graphics-multimedia-performance-semantics-storage.png) no-repeat left top;
	display:block;
	width:357px;
	height:64px;
}
</style>
</head>

<body>
<a href="http://www.w3.org/html/logo/" class="logo"></a>
</body>
</html>

Open in new window

This doesn't have to be an ahref, this can also be a h1, div or whatever you need. This is the way i mostly use it.

There also a CSS3 way but that isn't supported by all browser yet:
http://www.ecsspert.com/play/css3-logos/twitter.php#edit

Or the SVG way:
http://www.centralscrutinizer.it/images/twitter_logo.svg

Good luck!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.