在網頁制作中，經常需要使用對勾符號來表示某一個選項的正確、有效狀態。在CSS中設置顯示紅色對鉤的效果可以通過一系列的樣式屬性來實現。

.checkmark {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
border-radius: 50%;
background-color: red;
position: relative;
}
.checkmark::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
width: 7px;
height: 15px;
border-bottom: 3px solid white;
border-right: 3px solid white;
}
.checkmark::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 7px;
height: 15px;
border-bottom: 3px solid white;
border-right: 3px solid white;
}

首先，要讓對勾符號紅色顯示，需要將背景顏色設置為紅色。可以使用background-color屬性實現。

接下來，需要定義對勾符號的形狀。可以使用border-radius屬性來設置圓角，使得對勾符號變為圓形。此外，還需要設置對勾符號的寬度和高度，通過width和height屬性實現。同時，還需要設置外邊距，使其和文本對齊。

為了顯示出對勾符號，需要使用偽元素::before和::after。使用content屬性可以插入空白內容，此時依據偽元素的寬高設定，可以通過純CSS實現圖形的繪制。首先使用::before繪制第一個斜線，傾斜45度。然后使用::after繪制第二個斜線，同樣位于中心且傾斜45度。使用transform屬性實現這一效果。

最后，將整個對勾符號設為塊級元素。

<div class="checkmark"></div>

最終可以得到如下效果，一個紅色的對勾符號。