首页写html代码：设置一个网页，有导航栏需要css特效，把目录下的1.jpg设置铺满背景图，页脚：绿色包装公司-尹梓严

写html代码：设置一个网页，有导航栏需要css特效，把目录下的1.jpg设置铺满背景图，页脚：绿色包装公司-尹梓严

时间: 2024-03-25 13:39:16 浏览: 54

导航栏特效.html

以下是基本的 HTML 代码，包含了导航栏、背景图和页脚： ```html <!DOCTYPE html> <html> <head> <title>网页标题</title> <style> /* 导航栏样式 */ nav { background-color: #333; overflow: hidden; } nav a { float: left; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } nav a:hover { background-color: #ddd; color: black; } /* 背景图样式 */ body { background-image: url("1.jpg"); background-repeat: no-repeat; background-size: cover; } /* 页脚样式 */ footer { background-color: green; color: white; text-align: center; padding: 10px; } </style> </head> <body> <nav> <a href="#">首页</a> <a href="#">产品</a> <a href="#">服务</a> <a href="#">关于我们</a> </nav>  <h1>欢迎来到网页</h1> <p>这里是网页的内容。</p> <footer>绿色包装公司-尹梓严</footer> </body> </html> ``` 你可以将 `<style>` 标签中的样式代码复制到一个单独的 CSS 文件中，然后通过 `<link>` 标签引入到 HTML 文件中。这样可以使代码更加清晰易读，同时也方便后期维护。

阅读全文