在CSS3中，可以用div元素以及一些CSS樣式來創建一個有趣的圓柱形狀。

.cylinder {
width: 100px;
height: 200px;
border-radius: 50px;
border: 10px solid #333;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
background: #999;
position: relative;
}
.cylinder::before {
content: "";
position: absolute;
width: 100%;
height: 50%;
top: 0;
background: #666;
border-radius: 50% / 25%;
}
.cylinder::after {
content: "";
position: absolute;
width: 100%;
height: 50%;
bottom: 0;
background: #666;
border-radius: 50% / 25%;
}

上面的代碼中，先定義了一個div元素，并給它添加了一些基本的CSS樣式，比如寬度、高度、邊框、邊框顏色、陰影和背景顏色。然后使用偽元素before和after來創建圓柱的頂部和底部，通過絕對定位和高度百分比來讓它們各占據整個圓柱的一半高度。

對于偽元素的border-radius屬性，我們使用了一個非常巧妙的技巧來得到一個高度不同的橢圓形。我們設置border-radius為50% / 25%，其中的25%表示橢圓的短軸長度，也就是圓柱的直徑。

最后，你可以根據需要自由地調整圓柱的大小、顏色以及陰影等效果，來創建不同形態的圓柱。