CSS中并沒有直接提供調尺子（即度量單位）的功能，您可以通過CSS樣式來模擬一個尺子，以在網頁上展示，以下是一個簡單的示例，展示如何使用CSS來創(chuàng)建一個模擬的尺子：

1、HTML結構：我們需要一個HTML元素來作為尺子的容器。

<div class="ruler">
    <div class="ruler-line"></div>
    <div class="ruler-label">0</div>
    <div class="ruler-label">10</div>
    <div class="ruler-label">20</div>
    <div class="ruler-label">30</div>
    <div class="ruler-label">40</div>
    <div class="ruler-label">50</div>
    <div class="ruler-label">60</div>
    <div class="ruler-label">70</div>
    <div class="ruler-label">80</div>
    <div class="ruler-label">90</div>
    <div class="ruler-label">100</div>
</div>

2、CSS樣式：我們使用CSS來樣式化這個尺子。

.ruler {
    width: 200px;
    height: 10px;
    background-color: #f0f0f0;
    position: relative;
}
.ruler-line {
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 5px;
}
.ruler-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 10px;
    text-align: center;
    line-height: 10px;
}

3、JavaScript交互：您還可以使用JavaScript來添加交互功能，例如拖動尺子上的標簽，這超出了CSS的范圍，并且需要JavaScript知識。

這只是一個簡單的示例，您可以根據自己的需求進行調整和擴展，如果您需要更復雜的尺子功能，可能需要考慮使用專門的JavaScript庫或框架來實現。