在網頁設計中，CSS（層疊樣式表）是非常重要的一種技術。使用CSS可以為網站添加更加優美、精美的設計。下面就以攜程網站為例，來學習如何運用CSS寫出一個出色的網頁設計。

CSS通過定義樣式來改變HTML元素的外觀。要想讓攜程網站看起來更加美觀，首先需要采用合適的CSS布局。一般來說，網頁布局可以用CSS中的

display

屬性來實現。這個屬性可以指定元素以何種方式進行布局。比如，可以將元素設置為block類型的布局，使其自動占據一整行。這樣可以讓頁面看起來更加整齊、有序。

.example{
display:block;
}

此外，設計一些特效和動畫也是網站設計的重要一環。比如，在用戶鼠標懸停在某個圖片上時，希望能夠使其放大、縮小、出現一些效果等。這時，可以考慮將圖片的輪廓設置為透明的黑色，并將鼠標移到上面時，將其改為半透明的灰色。具體代碼如下：

img:hover {
border-color: #ccc;
opacity: 0.7;
}

最后，要注意網站的字體、顏色搭配。可以使用CSS的

font-family

和

color

屬性來實現。比如，將整個網站的字體設置為宋體，顏色為黑色：

body{
font-family: '宋體';
color: black;
}

通過以上的CSS設置，我們可以讓攜程網站看起來更加美觀和專業。學會了如何使用CSS，你也可以為自己的網站添加一些令人驚嘆的設計！