最近,我和我的朋友們決定開一家餐廳。我們一直在思考如何讓餐廳的網站看起來更漂亮和專業。最后,我們決定使用 CSS。
header { background-color: #EAEDED; padding: 10px; } h1 { font-size: 32px; color: #6E2C00; text-align: center; margin-top: 30px; } nav { background-color: #6E2C00; padding: 10px; } nav ul { margin: 0; padding: 0; list-style: none; } nav li { display: inline-block; margin-right: 20px; } nav a { color: #ffffff; text-decoration: none; } main { margin-top: 30px; margin-bottom: 30px; } p { line-height: 1.5; font-size: 18px; color: #333333; margin-bottom: 20px; } img { max-width: 100%; height: auto; } footer { background-color: #6E2C00; color: #ffffff; padding: 10px; text-align: center; }
我們使用了很多 CSS 屬性來美化網站。如頭部的背景色,導航欄的背景色和標題的對齊。我們還為導航欄和主要內容添加了樣式,使其更易于閱讀。
此外,我們還使用 CSS 調整了圖片的大小和居中對齊。對于底部,我們使用了與導航欄相同的背景色,并使用白色字體進行對比。
總的來說,CSS 是改變餐廳網站外觀的好方法。它不僅讓網站看起來更漂亮,而且也能讓用戶更容易地與我們的餐廳聯系。我們現在很滿意我們的網站,希望能吸引更多的客人。