在現代時代，越來越多人選擇通過互聯網訂餐，這使得以前只能通過電話預訂的方式變得過時。因此，許多餐廳使用網上訂餐服務，以方便顧客在線下單。

CSS技術可以使網上訂餐網站變得更加美觀，同時也提供了更優秀的用戶體驗。下面是一個使用CSS的網上訂餐樣本：

.menu {
text-align: center;
margin-top: 2em;
}
.menu h2 {
font-size: 1.8em;
}
.menu ul {
margin: 0;
padding: 0;
}
.menu li {
list-style-type: none;
display: inline-block;
margin-right: 1em;
}
.menu a {
display: block;
color: #333;
text-decoration: none;
transition: color 0.3s;
}
.menu a:hover {
color: #ff954f;
}

這個CSS樣本為菜單提供了基本的樣式，以使它更吸引人，易于閱讀。代碼中定義了菜單標題的字體大小，可根據實際情況進行調整。在樣本中，菜單列表的外層容器使用了text-align：center屬性，使得菜單列表居中顯示。

由于餐廳菜單可能會有許多選項，因此必須確保其易于閱讀并且易于在不同大小的屏幕（包括移動設備）上使用。這就是為什么CSS樣本為菜單元素增加了一些填充和外邊距的原因，以使其更加易于讀取。

另外，菜單選項鏈接的樣式也非常重要。鏈接使用了一種漸變顏色，并且在懸停時顏色會發生變化，以提示用戶可以單擊鏈接，并且該鏈接將在選擇時高亮顯示。

在一個美觀且易于使用的網上訂餐網站中，CSS技術通常用于提高用戶體驗和平臺的易用性。