CSS3中的樣式設計可以讓網頁實現更多的效果，比如可以制作出漂亮的豎直列表效果。

/* 豎直列表樣式 */
ul {
display: flex;
flex-direction: column;
list-style: none;
padding: 0;
}
li {
margin: 10px 0;
}
a {
display: block;
padding: 5px 10px;
background-color: #f2f2f2;
color: #333;
text-decoration: none;
border-radius: 5px;
transition: background-color .3s ease-in-out;
}
a:hover {
background-color: #ccc;
color: #fff;
}

其中，通過設置ul的flex-direction屬性為column，可以讓li元素豎向排列。使用list-style:none可以取消默認的圓點符號。padding屬性可以調整列表的內邊距。

針對a元素，則設置為塊狀元素，方便設置其它樣式。設置背景色和字體色，以及去除下劃線。border-radius屬性可以設置圓角，使樣式更加美觀。在hover狀態下，通過CSS3的transition屬性，實現背景色漸變的效果。