CSS中的div左右箭頭可以實現在網頁中進行輪播（slideshow）效果的展示。其主要思想是將需要輪播的圖片或內容放置在不同的div中，然后通過CSS樣式對這些div進行定位，并添加左右箭頭實現輪播功能。

// HTML代碼
/* CSS樣式 */
.slider {
position: relative;
width: 700px;
height: 400px;
}
.slide {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.slide.active {
opacity: 1;
}
.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
background-image: url("arrow.png");
background-size: cover;
cursor: pointer;
}
.arrow-left {
left: 0;
}
.arrow-right {
right: 0;
}

以上代碼中，.slider類定義了輪播圖容器的樣式，其中position屬性為relative，這樣后續設置的arrow箭頭的位置會以slider為參照物。每個.slide類定義單個輪播項的樣式，position屬性為absolute，left和top為0，表示輪播項覆蓋在一起，opacity為0，即不顯示。.slide.active類在JS代碼的幫助下，用來實現輪播（顯示）效果，將當前輪播項的opacity設置為1，顯示出來。

箭頭樣式的定義中，.arrow的position為absolute，top為50%，將箭頭上下位置設置在slider高度的50%處，以達到垂直居中的效果，右箭頭則用right屬性進行定位。在HTML代碼中，箭頭的樣式通過定義不同的class名稱進行區分，監聽箭頭的click事件，來觸發輪播功能。