在CSS中，可以通過使用外邊距和定位屬性來創建一個中間圖片凸出的效果。

.navbar {
position: relative;
z-index: 1;
}
.navbar img {
position: absolute;
top: -15px; /* 圖片凸起高度 */
left: 50%;
margin-left: -25px; /* 圖片大小的一半 */
z-index: -1;
border-radius: 50%; /* 將圖片設為圓形 */
box-shadow: 0 0 5px rgba(0,0,0,0.5); /* 添加圖片陰影效果 */
}

首先，我們需要將導航欄的定位屬性設置為相對定位。然后，通過將圖片的定位屬性設置為絕對定位，可以使其固定在導航欄中間。

接下來，將圖片的頂部邊緣向上移動，使其突出導航欄頂部。這可以通過調整top屬性值來實現。然后，使用left屬性將圖片放置在導航欄的中心。

與此同時，為了使圖片看起來更漂亮，我們將其設為圓形，并添加陰影效果。其中box-shadow屬性用于添加陰影效果，它的第一個參數控制陰影在水平方向上的偏移量，第二個參數控制陰影在垂直方向上的偏移量，第三個參數控制陰影的模糊程度，第四個參數控制陰影的透明度。

最后，我們需要通過將圖片的z-index屬性設置為-1，來將其置于導航欄下方。這是因為z-index的值越大，元素就越靠近頂部。

通過這些簡單的CSS屬性設置，我們就可以創建出一個效果非常炫酷的中間圖片凸出的導航欄了。