CSS實現劃片盒子豎線，可用于網頁設計中的邊框線、分割線等功能。以下簡單介紹兩種實現方式。

方式一：使用背景圖

.box{
background: url('vertical-line.png') repeat-y; /*設置背景為豎向平鋪的圖片*/
background-position: right; /*圖片位置靠右*/
background-size: 1px 100%; /*圖片高度為盒子高度*/
}

方式二：使用偽元素

.box{
position: relative; /*必須定位，使后代偽元素可以絕對定位*/
}
.box::after{
content: ''; /*必須填充內容*/
position: absolute; /*絕對定位于盒子右側*/
top: 0;
right: 0;
width: 1px;
height: 100%; /*設置高度為盒子高度*/
background-color: #ccc; /*豎線顏色*/
}

以上兩種方式都可以實現劃片盒子豎線，可根據實際需要選擇使用。