首页学生html个人网站代码

学生html个人网站代码

时间: 2023-10-31 13:04:29 浏览: 83

以下是一个简单的学生个人网页的HTML代码： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>学生个人网页</title> <style> body { background-image: url(254844.jpg); font-family: "宋体"; font-size: 12px; line-height: 25px; color: #333; } .nav { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #738CAA; width: 800px; margin-right: auto; margin-left: auto; } .main { background-image: url(bj.png); color: #000; } a { font-size: 14px; font-family: "微软雅黑"; } a:link { color: #333; text-decoration: none; } a:visited { color: #333; text-decoration: none; } a:hover { color: #FFF; text-decoration: none; } a:active { color: #333; text-decoration: none; } .title { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #200F15; border-left-width: 5px; border-left-style: solid; border-left-color: #200F15; padding-left: 10px; color: #AD5A5A; } </style> </head> <body> <div class="nav">  </div> <div class="main">  </div> </body> </html> ``` 你可以根据需要修改和添加内容，比如在导航栏和主要内容的div中添加具体的网页内容。同时，你可以根据需要修改CSS样式来美化你的网页。记得将背景图片和其他资源文件放在正确的路径下，并在代码中正确引用它们。

阅读全文