CSS驗證碼是一種用CSS樣式表生成的驗證碼，與傳統驗證碼相比，其優勢在于可以使用無限種的形狀和樣式，使得攻擊者更難破解。如何打出一份CSS驗證碼呢？

/* 創建一個 div 容器，用來展示驗證碼*/
/* 定義一個字體樣式 */
@font-face {
font-family: 'captchaFont';
src: url('captcha.ttf');
}
.captcha {
/* 設置驗證碼的寬高 */
width: 200px;
height: 50px;
/* 增加一個邊框 */
border: 1px solid #ccc;
/* 應用字體 */
font-family: 'captchaFont';
/* 設置字體大小 */
font-size: 30px;
/* 設置文字顏色 */
color: #000000;
/* 應用背景顏色漸變 */
background-image: linear-gradient(to bottom right, #ff6666, #ffcc66);
/* 設置文字位置 */
text-align: center;
/* 設置垂直居中 */
display: flex;
justify-content: center;
align-items: center;
/* 旋轉一定角度的文字 */
transform: rotate(-15deg);
}

以上代碼示例就可以創建出一個簡單的CSS驗證碼，其中包括了設置容器的寬高、邊框、字體等樣式，同時還支持使用漸變背景色、文字位置、垂直居中、旋轉角度等進一步美化驗證碼。當然，要實現更加復雜的驗證碼，也可以參考其他相關的CSS樣式表。