CSS儀表是網頁設計中常用的一種元素。它可以用來展示實時數據、進度等信息，可以讓網站看起來更加動態和生動。

這是一個CSS儀表的樣例代碼：
HTML部分：
<div class="gauge-container">
<div class="gauge">
<div class="mask">
<div class="semi-circle">
<div class="semi-circle-bar"></div>
</div>
</div>
<div class="gauge-label"></div>
</div>
</div>
CSS部分：
.gauge-container {
position: relative;
margin: 0 auto;
width: 200px;
height: 120px;
}
.gauge {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 80%;
height: 80%;
border-radius: 50%;
box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
background-color: #EEE;
}
.mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 80%;
height: 80%;
border-radius: 50%;
clip: rect(0, 200px, 120px, 90px);
}
.semi-circle {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 80%;
height: 80%;
border-radius: 50%;
clip: rect(0, 100px, 120px, 0);
transform-origin: center bottom;
transform: rotate(180deg);
}
.semi-circle-bar {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 80%;
height: 80%;
border-radius: 50%;
clip: rect(0, 100px, 120px, 0);
background-color: #3498db;
transform-origin: center bottom;
transform: rotate(180deg);
}
.gauge-label {
position: absolute;
top: 45%;
left: 0;
right: 0;
margin: auto;
font-size: 28px;
text-align: center;
color: #333;
}

上面這段代碼實現了一個簡單的半圓形的儀表，它可以根據數據來改變“semi-circle-bar”元素的寬度，從而改變指示器的位置。

通過自定義CSS樣式，可以實現各種類型的CSS儀表，比如數字滾動、數值變化等等。在網頁設計中，CSS儀表可以展示出各種主題的信息，可以方便用戶了解到一些動態的數據。