Star Rating là tiện ích khảo sát, đánh giá của người dùng đối với Website. Có tiện ích star rating sẽ làm website của chúng ta chuyên nghiệp hơn, đặc biệt khi website của bạn là một website bán hàng thì việc nhận phản hồi của khách hàng là điều rất quan trọng. Vì thế trong bài viết này sẽ hướng dẫn các bạn một cách đơn giản để làm star rating với thuộc tính radio HTML và CSS. 

Bước 1 : Thêm cấu trúc HTML cho star rating. Tham khảo code như hình :

Và chèn thêm thư viện Font Awesome để tạo hình icon ngôi sao : 

Bước 2 : Thêm CSS để tạo hiệu ứng cho ngôi sao

Bước 3 : Chạy chương trình ta ấn vào mỗi ngôi sao để xem kết quả : 

Chỉ đơn giản vậy thôi là ta đã có được Star Rating cho website của mình rồi. Chúc các bạn thành công !

Nguồn : Devmaster Academy