Trang chủ
CSS
Hình ảnh CSS
Tryit: Hình ảnh sprites - Hiệu ứng di chuột
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> #navlist { vị trí: tương đối; } #navlist li { lề: 0; phần đệm: 0; kiểu danh sách: không có; vị trí: tuyệt đối; trên cùng: 0; } #navlist li, #navlist a { Height: 44px; hiển thị: khối; } #home { left: 0px; chiều rộng: 46px; nền: url('img_navsprites_hover.gif') 0 0; } #prev { trái: 63px; chiều rộng: 43px; nền: url('img_navsprites_hover.gif') -47px 0; } #tiếp theo { trái: 129px; chiều rộng: 43px; nền: url('img_navsprites_hover.gif') -91px 0; } #home a:hover { nền: url('img_navsprites_hover.gif') 0 -45px; } #prev a:hover { nền: url('img_navsprites_hover.gif') -47px -45px; } #next a:hover { nền: url('img_navsprites_hover.gif') -91px -45px; } </style> </head> <body> <ul id="navlist"> <li id="home"><a href="default.asp"></a></li> <li id= "prev"><a href="css_intro.asp"></a></li> <li id="next"><a href="css_syntax.asp"></a></li> </ ul> </body> </html>