現在的數據可視化越來越受到人們的關注，特別是在大屏展示這一方面，CSS擁有很多的技巧和方法，讓你的數據更生動，更直觀。
CSS的基本語法和屬性已經很熟悉了，我們只需要幾個簡單的步驟就能把數據展示出來。
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
#container {
width: 100%;
height: 100vh;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.box {
width: 30%;
height: 200px;
margin: 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #fff;
border: 1px solid #ccc;
}
.box h3 {
font-size: 24px;
margin-bottom: 10px;
}
.box p {
font-size: 18px;
}通過上面的CSS代碼，我們設置了頁面的基本樣式和大盒子的寬高，接著我們來設置內部的盒子樣式。我們將內部的盒子設置為30%的寬度，每個盒子之間間隔15px，采用彈性盒模型，實現居中顯示小盒子
我們在HTML中添加一下代碼：
總用戶量
1000
月注冊用戶數
200
月活躍用戶數
500
付費用戶數
100
我們使用了
元素來創建一個大的容器，里面包含了四個小的容器，每一個小容器包含了標題和對應的數據。
這就是一個簡單的數據可視化，在實際的項目中，我們可以使用更多的CSS技巧和HTML元素來實現更豐富多彩的大屏數據展示。