溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“怎么用純css寫的評分鼠標移入的效果”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“怎么用純css寫的評分鼠標移入的效果”吧！
代碼如下:
<!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> <style> * { margin: 0; padding: 0; } span { display: block; width: 30px; height: 30px; padding-left: 30px; background-image: url(http://images.cnitblog.com/blog/294743/201304/21141707-77236dc5976d4f7db624bf3a5d2eee28.gif); background-repeat: no-repeat; background-position: 0 -3px; } span span span span span { padding-left: 0; } span:hover { background-position: 0 -31px; } </style> <span> <span> <span> <span> <span></span> </span> </span> </span> </span> </body> </html>效果如下 
感謝各位的閱讀，以上就是“怎么用純css寫的評分鼠標移入的效果”的內容了，經過本文的學習后，相信大家對怎么用純css寫的評分鼠標移入的效果這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
