餐飲公司的網站中，CSS具有重要的作用。它是網頁設計的基礎，可以給網頁增加視覺效果和用戶體驗。在CSS的幫助下，餐飲公司的網站可以更加吸引人，讓用戶在瀏覽食品菜單、預訂餐桌等操作時感到更加方便和快捷。

/* 下面是一些餐飲公司可以使用的CSS代碼 */
/* 菜單樣式 */
.menu {
display: flex;
flex-wrap: wrap;
}
.menu-item {
margin: 10px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.menu-item img {
width: 100%;
}
.menu-item h3 {
font-size: 20px;
margin-bottom: 5px;
}
.menu-item p {
font-size: 16px;
margin-top: 5px;
}
/* 預訂按鈕樣式 */
.book-btn {
display: inline-block;
background-color: #f60;
color: #fff;
padding: 10px 20px;
border-radius: 20px;
font-size: 18px;
text-align: center;
transition: background-color 0.3s ease;
}
.book-btn:hover {
background-color: #c00;
}

這些代碼可以讓餐飲公司的網站菜單更加美觀，同時為用戶提供更好的體驗。而預訂按鈕的樣式，則可以讓用戶更加容易地找到預訂餐桌的入口，并且增加了互動感。在實際應用中，餐飲公司可以根據自己的需求進行CSS的編寫和調整，以提升網站的美觀性和用戶體驗。