- <!DOCTYPE html>
- <html>
- <head>
- <style>
- body{
- text-align: center;
- background-image: url(sky.avif);
- }
- div{
- background-color: rgba(255,255,255,0.5);
- }
- header{
- background-color: rgba(0,0,0,0.2);
- color: #fff;
- font-size: 24px;
-
- }
- nav{
- background-color: #333;
- line-height: 2;
- padding: 5px 0px;
- }
- nav a{
- text-decoration: none;
- color: #fff;
- font-size: 18px;
- margin: 5px 15px 5px;
- }
- footer{
- background-color: #444;
- color: #fff;
- }
- </style>
- </head>
- <header> 歡迎來到日常生活網頁</header>
- <body>
- <nav>
- <a href="">首頁</a>
- <a href="">關於我們</a>
- <a href="">美食</a>
- <a href="">健康</a>
- <a href="">連絡我們</a>
- </nav>
- <div>
- <h1>探索美好的日常</h1>
- <p>在這個網站上</p>
- <p>從美食、旅遊</p>
- <p>讓我們一啟</p>
- </div>
- </body>
- <footer>版元我有</footer>
- </html>
複製代碼 |