어쩌구! 파란색! 파란색! 12월...!

동지



몸 {

여백: 0;

글꼴 계열: Arial, sans-serif;

줄 높이: 1.6;

배경: 선형 그라데이션(아래로, #1e3c72, #2a5298);

색상: 흰색;

}

배경: rgba(0, 0, 0, 0.8);
색상: 흰색;
패딩: 1rem 2rem;
위치: 고정;
너비: 100%;
상단: 0;
Z-색인: 1000;
}

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;
}

<헤더>

동지

정보

축하

연락처

동지에 오신 것을 환영합니다

일년 중 가장 긴 밤은 반성, 갱신, 축하의 시간입니다. 전통, 축제 등을 살펴보세요.

자세히 알아보기

<섹션>

축하

고대 의식부터 현대 축제에 이르기까지 동지(Winter Solstice)는 전 세계적으로 기념됩니다. 기쁨과 전통을 함께 나누세요.

<섹션>

연락처

저희 이벤트에 대해 질문이 있거나 더 알고 싶으시면 언제든지 문의해 주세요. 우리는 여러분의 의견을 듣고 싶습니다!

<바닥글>

© 2024년 동지. 모든 권리 보유.

<스크립트>
함수 scrollToSection(sectionId) {
const 섹션 = document.getElementById(sectionId);
if (섹션) {
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;
}

위 내용은 어쩌구! 파란색! 파란색! 12월...!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!