先來看一下CSS繪制五角星的基本方法:
有了這個基礎,基本上星級評分的效果就容易實現了:下圖是Demo中會用到的圖,可右鍵另存
Html Code
CSS Code
這樣就基本實現了鼠標hover顯示對應的星級,後面再增加點JS來實現click效果就可以啦
Demo