在網頁制作中，HTML和CSS的運用可以讓網頁效果更加生動、豐富，特別是在美食網站中，運用CSS可以讓美食的魅力更加立體，讓用戶感到食指大動。

/*以下是樣式代碼*/
body {
font-family: "微軟雅黑"
}
header {
background-color: #F5DEB3;
padding: 10px;
text-align: center;
}
nav {
background-color: #D2B48C;
padding: 10px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav li a {
color: white;
text-decoration: none;
}
nav li a:hover {
color: #000;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
footer {
background-color: #F5DEB3;
padding: 10px;
text-align: center;
}

以上是一個例子，其中網頁由頭部（header）、導航（nav）、主體（section）和底部（footer）組成，其中采用了CSS，加入了背景色、文字顏色、字體、邊框、利用a鏈接設置鼠標懸停顏色改變等等。另外，在美食網頁制作時，配合圖片展示美食肴的圖片以及菜譜，增加美食誘惑力；還可使用平面設計，如通過尺寸、形狀、色彩等方式讓美食的味道和賞心兼備。

HTML和CSS的基本掌握可以輕松設計出一款美食網站，為用戶提供更好的網站體驗。