css - CSS: horizontal menu with two images on each entry side and rollover

Question

I'm a beginner in CSS and I can't google the solution to the design challenge I have. I would like to have a CSS horizontal menu like this

(entry1) (entry2) (entry3)

, where "(" and ")" are images. I'd also like to change those () images on mouse over.

I'd be extremely grateful for any tip.

Best regards, Kuba

Answer 1

在你的 CSS 中：

.menu li a{
background:transparent url("images/seperator.gif") right no-repeat;
}

改变.menu和"images/seperator.gif"你的