- <!DOCTYPE html>
- <html>
- <head>
- <style>
- body {
- text-align: center;
- font-family: Airal;
- background-color: #f0f0f0;
- }
- nav{
- background-color: #444;
- font-size: 18px;
- line-height: 2;
- }
- nav a{
- color: #fff;
- }
- h1 {
- color: #333;
- text-shadow: 2px 2px 4px #333;
- }
- .title{
- color: #fff;
- background-color: #333;
- font-size: 24px;
- }
- button{
- color: #fff;
- background-color: #333;
- font-size: 18px;
- }
- </style>
- </head>
- <body>
- <div class="title">歡迎來到日常簡單網站</div>
- <nav>
- <a href="">首頁</a>
- <a href="">關於我們</a>
- <a href="">產品</a>
- <a href="">聯絡我們</a>
- </nav>
- <h1>歡迎光臨我們的網站</h1>
- <p>我們提供優質的產品和服務,歡迎隨時與我們聯絡。</p>
- <img src="" alt="產品圖片">
- <p>我們的產品是高品質的,專注於提供最佳的用戶體驗</p>
- <p>
- 請瀏覽我們的
- <a href="">產品頁面</a>
- 以獲取更多資訊
- </p>
- <ul>
- <li>優質材料</li>
- <li>精湛工藝</li>
- <li>全球運送</li>
- </ul>
- <button>了解更多</button>
- </body>
- </html>
複製代碼 |