header h1 { margin: 0; font-size: 1.8rem; } nav { margin-top: 10px; } nav a { color: white; text-decoration: none; margin: 0 15px; font-weight: bold; transition: color 0.3s; } nav a:hover { color: #ffcc00; } section { padding: 100px 20px; min-height: 100vh; } .hero { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .hero h2 { font-size: 3rem; margin: 0; } .hero p { font-size: 1.2rem; max-width: 600px; margin: 20px auto 0; } .cta { margin-top: 20px; } .cta button { background: #ffcc00; border: none; padding: 10px 20px; font-size: 1rem; font-weight: bold; cursor: pointer; border-radius: 5px; transition: background 0.3s; } .cta button:hover { background: #e6b800; } footer { text-align: center; padding: 20px; background: rgba(0, 0, 0, 0.8); position: relative; } footer p { margin: 0; font-size: 0.9rem; }
風格>
一年中最長的夜晚標誌著反思、更新和慶祝的時刻。探索傳統、慶祝活動等。
從古老的儀式到現代的慶祝活動,世界各地都在慶祝冬至。分享歡樂和傳統。
如果您有疑問或想了解有關我們活動的更多信息,請隨時與我們聯繫。我們很樂意聽取您的意見!
&複製; 2024 年冬至。保留所有權利。
函數scrollToSection(sectionId) {
constsection = document.getElementById(sectionId);
如果(部分){
window.scrollTo({
top:section.offsetTop - 60, // 固定標題的偏移量
行為:「平滑」
});
}
}
header h1 { margin: 0; font-size: 1.8rem; } nav { margin-top: 10px; } nav a { color: white; text-decoration: none; margin: 0 15px; font-weight: bold; transition: color 0.3s; } nav a:hover { color: #ffcc00; } section { padding: 100px 20px; min-height: 100vh; } .hero { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .hero h2 { font-size: 3rem; margin: 0; } .hero p { font-size: 1.2rem; max-width: 600px; margin: 20px auto 0; } .cta { margin-top: 20px; } .cta button { background: #ffcc00; border: none; padding: 10px 20px; font-size: 1rem; font-weight: bold; cursor: pointer; border-radius: 5px; transition: background 0.3s; } .cta button:hover { background: #e6b800; } footer { text-align: center; padding: 20px; background: rgba(0, 0, 0, 0.8); position: relative; } footer p { margin: 0; font-size: 0.9rem; }
腳本>
以上是廢話!藍色的!藍色的!十二月...!的詳細內容。更多資訊請關注PHP中文網其他相關文章!