在網頁中展示數據是非常重要的，如果有一種酷炫的效果來展示數據，那么就更能吸引用戶的注意。一種非常好的效果就是籃球記分效果。

.score {
background-color: #0033cc;
width: 200px;
height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 10px;
}
.score h2 {
font-size: 72px;
color: white;
margin: 0;
}
.score button {
background-color: white;
color: #0033cc;
padding: 10px 20px;
border-radius: 5px;
border: none;
margin-top: 20px;
}
.score button:hover {
background-color: #e6e6e6;
}

以上是實現籃球記分效果所需要的 CSS 代碼，代碼中有幾個比較重要的部分需要解釋一下：

• display: flex; ：這個屬性設置了容器使用 Flexbox 布局，這樣使得我們可以很方便地控制籃球分數和按鈕的位置；
• justify-content: center; 和 align-items: center; ：這兩個屬性分別設置了容器的水平和垂直居中；
• border-radius: 10px; ：這個屬性設置了容器的圓角，讓整個記分板看起來更美觀。

通過以上 CSS 代碼的設置，我們就可以得到一個非常棒的籃球記分效果了，用戶可以通過點擊按鈕來修改分數。