kuran Posted December 20, 2012 Share Posted December 20, 2012 Hi, I'm trying to do something that seems simple, but I just can't get it to work. I have a list of links being displayed, and I want each link to be a solid, black horizontal line until a mouseover event reveals the text 'underneath'. What is the best way to do this besides using images? <ul><li><a href="#">LinkA</a></li><li><a href="#">LinkB</a></li><li><a href="#">LinkC</a></li></ul> Thanks for any help! Link to comment Share on other sites More sharing options...
Ingolme Posted December 20, 2012 Share Posted December 20, 2012 Make the background-color black and the text black. Use the :hover pseudo-class to make the text white when the mouse is over the link. Link to comment Share on other sites More sharing options...
kuran Posted December 21, 2012 Author Share Posted December 21, 2012 Thank you, how do I make the line disappear the same time that the text appears?I'll have to do the inverse since I'm using a white background and black text. Link to comment Share on other sites More sharing options...
DarkxPunk Posted December 21, 2012 Share Posted December 21, 2012 On hover change background from black to white. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now