攜程旅游網(wǎng)站的界面設(shè)計采用了CSS來進行布局和樣式設(shè)計，為用戶提供更好的交互體驗。CSS是一種層疊樣式表語言，可以用來描述網(wǎng)站頁面的布局、顏色、字體、大小等樣式。下面我們來看一下攜程旅游網(wǎng)站是如何使用CSS來設(shè)計頁面的。

/* 設(shè)置頁面背景色 */
body {
background-color: #F9F9F9;
}
/* 設(shè)置導(dǎo)航欄樣式 */
.navbar {
background-color: #FFFFFF;
height: 60px;
border-bottom: 1px solid #E5E5E5;
}
/* 設(shè)置按鈕樣式 */
.button {
display: inline-block;
padding: 10px 20px;
background-color: #66CCCC;
color: #FFFFFF;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.2s ease;
}
.button:hover {
background-color: #34A0A4;
}
/* 設(shè)置表格樣式 */
.table {
border-collapse: collapse;
margin-top: 20px;
}
.table td, .table th {
padding: 10px;
border: 1px solid #E5E5E5;
}
/* 設(shè)置頁腳樣式 */
.footer {
background-color: #F5F5F5;
height: 150px;
text-align: center;
}

通過上面的代碼可以看出，攜程旅游網(wǎng)站在CSS中設(shè)置了背景色、導(dǎo)航欄樣式、按鈕樣式、表格樣式以及頁腳樣式等等。這些樣式可以讓頁面更加美觀、易讀、易使用。