在網頁設計中，我們經常會碰到需要點擊左邊的元素，然后在右邊顯示相關信息的情況。這個功能可以用CSS來實現。下面是具體的實現步驟：

.left {
display: inline-block;
width: 100px;
height: 30px;
background-color: #ccc;
cursor: pointer;
}
.right {
display: none;
width: 200px;
height: 100px;
background-color: #eee;
}
.left.active + .right {
display: block;
}

首先，我們需要創建兩個元素，一個是左邊需要點擊的元素，一個是右邊需要顯示的元素。左邊元素需要設置一個寬度和高度，并且增加一個鼠標指針為手型的樣式。右邊元素需要隱藏，等到點擊左邊元素時再顯示。

接著，我們給左邊元素設置一個class名稱為“left”，右邊元素設置一個class名稱為“right”。并且用CSS將left元素的display屬性設置成inline-block，這樣可以保證兩個元素水平放置并且左邊元素可以被點擊。

然后我們可以使用“+”選擇器來實現點擊左邊元素顯示右邊元素的效果。當左邊元素被點擊后，會自動給左邊元素添加一個class名稱為“active”，這時候我們就可以用.active + .right來找到右邊元素，并將其display屬性設置成block，這時候右邊元素就會顯示出來。

總之，通過CSS的左邊點擊右邊顯示功能，我們可以在網頁設計中實現更多有趣的效果，增加用戶與網頁的交互性。