CSS點擊箭頭進入圖片的實現方法：

HTML代碼：
<div class="container">
<img src="first.jpg" class="active">
<img src="second.jpg">
<img src="third.jpg">
<div class="prev"></div>
<div class="next"></div>
</div>
CSS代碼：
.container{
position: relative;
}
img{
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.active{
opacity: 1;
}
.prev, .next{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
background: url('arrow.png') no-repeat center center;
cursor: pointer;
}
.prev{
left: 10px;
}
.next{
right: 10px;
}

解釋：

首先，HTML代碼中包含一個div元素，用于包裹圖片和箭頭。每個圖片都有一個class="active"，通過CSS中設置opacity為1來表示激活狀態。前后箭頭的div元素分別設置class為prev和next。

CSS代碼中，先將.container設置為position為relative，目的是為了后續absolute定位的子元素可以相對于.container進行定位。

img元素絕對定位到父元素.container的左上角，并設置opacity為0，表示不可見。active類的img元素設置opacity為1，表示可見。

前/后箭頭的div元素同樣絕對定位到父元素.container的左右兩側中央，水平居中，垂直方向使用transform：translateY(-50%)實現。給前一張圖片的箭頭設置class為prev，后一張圖片的箭頭設置class為next。

最后，將兩個箭頭的寬高設定為30px，并通過background將箭頭圖案設置為背景。