在前端開發中，CSS樣式是一個至關重要的部分，不僅可以美化頁面，還能將頁面所需的分數進行展示。下面我們就來看一下如何利用CSS樣式來展示成績分數。

.score {
width: 100px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 24px;
color: #fff;
background-color: #009688;
border-radius: 10px;
}

以上是一個樣式的代碼例子，其中“score”是樣式的類名，可以便于在HTML頁面中調用該樣式。具體的樣式代碼如下：

• width：設置元素的寬度。
• height：設置元素的高度。
• line-height：設置元素中內容的行高度。
• text-align：設置元素中內容的對其方式。
• font-size：設置元素中文字的大小。
• color：設置元素中文字的顏色。
• background-color：設置元素的背景顏色。
• border-radius：設置元素的邊框圓角程度。

以上樣式結合起來，可以實現一個簡單而美觀的成績分數展示，具體的HTML代碼如下：

<div class="score">85</div>

以上代碼的效果是在網頁中創建了一個帶有85分的矩形框，框的背景顏色是深綠色，字體是白色，框的大小可以通過樣式來控制。此外，這個矩形框的圓角程度也可以通過動態調整樣式中的border-radius值來實現。

總之，在網頁開發過程中，利用CSS樣式展示分數數據是非常有用的，不管是在學校官網上還是其他企事業單位的網站中，都有很多需要用到這種展示方式的地方。