CSS3自動評分是一種基于CSS3技術的評分系統，它可以讓網站設計者輕松地創建出具有吸引力和互動性的評分界面。下面是一個使用CSS3自動評分的例子：

在上面的代碼中，我們通過標簽來表示五顆星星。在CSS中，我們可以使用偽類來為其中的某顆星星添加顏色效果，以表示某個分數：

.star:hover,
.star:hover ~ .star {
color:orange;
}

上面的代碼使用:hover偽類來表示鼠標懸停在星星上時的效果， ~符號表示后面的.star元素。這樣就可以實現一個具有交互效果的自動評分系統了。

當然，我們也可以通過JavaScript來實現自動評分的功能。下面是一個使用jQuery的例子：

$(document).ready(function(){
$(".rating").click(function(){
var rating = $(this).data("rating");
$(".rating").removeClass("active");
$(this).prevAll().add(this).addClass("active");
$(".text").text(rating + "分");
});
});

在上面的代碼中，我們使用了jQuery庫來綁定點擊事件，并使用data屬性來保存每個星星的分數。在點擊事件中，我們為所選中的星星添加.active類來實現顏色效果，并使用.prevAll()函數來選擇前面的所有星星。最后，我們將所選中的分數顯示出來。

總之，CSS3自動評分是一個非常實用的功能，可以幫助網站設計者增強用戶體驗。不論是使用CSS還是JavaScript，都可以輕松地實現自動評分的效果。