分享一款二次元个人主页

分享一款二次元个人主页

当然 我可以给你贴个 地址

但是整理不易 如果可以 亲 请点点手指贡献点?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的二次元照片网站主页设计: ```html <!DOCTYPE html> <html> <head> <title>二次元照片</title> <style type="text/css"> body { margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #f5f5f5; } header { background-color: #333; color: #fff; padding: 10px; text-align: center; } nav { background-color: #ddd; padding: 10px; text-align: center; } nav ul { list-style: none; margin: 0; padding: 0; } nav ul li { display: inline-block; margin-right: 10px; } nav ul li a { color: #333; text-decoration: none; padding: 5px; } nav ul li a:hover { background-color: #333; color: #fff; } section { margin: 20px 0; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); } section h2 { font-size: 24px; margin-bottom: 20px; text-align: center; } section ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; } section li { margin: 10px; flex-basis: calc(33.33% - 20px); box-shadow: 0 0 5px rgba(0,0,0,.1); overflow: hidden; } section li img { max-width: 100%; height: auto; display: block; } footer { background-color: #333; color: #fff; padding: 10px; text-align: center; } @media screen and (max-width: 768px) { section li { flex-basis: calc(50% - 20px); } } </style> </head> <body> <header> <h1>二次元照片</h1> </header> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">分类</a></li> <li><a href="#">关于</a></li> <li><a href="#">联系</a></li> </ul> </nav> <section> <h2>最新照片</h2> <ul> <li><img src="img/1.jpg" alt=""></li> <li><img src="img/2.jpg" alt=""></li> <li><img src="img/3.jpg" alt=""></li> <li><img src="img/4.jpg" alt=""></li> <li><img src="img/5.jpg" alt=""></li> <li><img src="img/6.jpg" alt=""></li> </ul> </section> <footer> <p>© 二次元照片</p> </footer> </body> </html> ``` 需要注意的是,这只是一个简单的设计,实际上应该根据具体的需求对页面进行更详细的设计和优化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值