CSS是一種強大的樣式語言，它可以讓我們更好地控制頁面上的元素。其中一個常見的需求是在文字中間添加豎線或短點，以達到美觀的效果。下面介紹兩種實現方法：

/* 在文字中央添加豎線 */
.line-through {
display: inline-block;
position: relative;
}
.line-through::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #000;
transform: translateY(-50%);
}
/* 在文字中央添加短點 */
.dot-through {
display: inline-block;
position: relative;
}
.dot-through::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0.5px;
background: #000;
transform: translateY(-50%);
}
.dot-through::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 4px;
height: 4px;
background: #000;
border-radius: 50%;
transform: translateY(-50%) translateX(-50%);
box-shadow: 0 0 4px rgba(0,0,0,0.4);
}

以上代碼中，都是通過偽元素::before和::after實現。利用絕對定位和transform屬性來定位豎線和短點的位置?？梢愿鶕枰杂烧{整樣式的顏色、粗細、長度、間距等屬性。