CSS Background Special Character

Ho can you use a special html character as a background image?  I want to use &#9660 on the left hand side of my menu choices then on the hover state us &#9658.

How do I do that?
LVL 7
rgranlundAsked:
Who is Participating?
 
Ray PaseurCommented:
Rather than try to put characters in the background, make a google search for "CSS image sprites" and see what you find.  I'll bet it will do the job for you very well!
0
 
LZ1Commented:
Something like this:
.myClass{content: "\9658";}

Open in new window

0
 
rgranlundAuthor Commented:
How do I get a bottom border image to work?
0
 
Slick812Commented:
the CSS for having a "Background" to an html element (a DIV, a MENU, or other Block), is have it as a Color -
background:#000030;

or an image -

background: url(images3/bluswl.gif);

but you can not write "Text" to the background, because it is NOT the portion of html that gets the text content.

There may be ways to help you do what you ask, but we will need to know more about the kind of Menu you are using,
not all web page menus are the same. Can you show us some of the html page code for your menu, or about what menu you use? ?  You do not say enough in your question about what you have as menu, or anything about the "bottom border image" and how it works?

Have you considers making two Images for your background, one with the &#9660, and another with the &#9658    ? ?
0
 
HagayMandelCommented:
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.