驗證碼框（Captcha）在現代互聯網應用中已經廣泛應用，用于驗證用戶身份，預防惡意操作。本文主要介紹如何運用 CSS 設計一個驗證碼框。

.captcha {
display: flex;
justify-content: center;
align-items: center;
width: 180px;
height: 60px;
background-color: #f2f2f2;
border-radius: 5px;
}
.captcha code {
font-size: 30px;
letter-spacing: 10px;
color: #333333;
}
.captcha .refresh {
font-size: 16px;
font-weight: bold;
color: #666666;
margin-left: 10px;
cursor: pointer;
}

上述代碼中，首先定義一個名為 “captcha” 的容器，使用display: flex;屬性將內部元素水平和垂直居中對齊。設置容器的width和height，添加一個背景色和圓角。

其中<code>標簽表示驗證碼的數字，設置字體大小、字母間距和字體顏色。

在驗證碼旁邊添加一個 “refresh” 文字，使用font-size、font-weight和color屬性調整字體樣式。設置文字與驗證碼的距離，使用margin-left，設置鼠標指針狀態使用cursor。

以上就是使用 CSS 設計驗證碼框的示例。通過調整樣式，可以實現不同種類的驗證碼效果。