带上幻想去冒险!

本WIKI编辑权限开放,数据均为人工整理,如发现内容缺失或错误,可在留言板处反馈,也可点击页面右上方的编辑按钮参与更新内容。
欢迎收藏起来防止迷路,也希望有爱的小伙伴加入我们哦~
WIKI编辑帮助幻塔WIKI留言板 • WIKI交流群:599132150

全站通知:

Widget:首页公告

来自幻塔WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

<!DOCTYPE html> <html lang="en"> <head>

 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Styled Articles</title>
 <style>
   body {
     margin: 0;
     padding: 1rem;
     background-color: #262626;
     font-family: Merriweather, serif;
     display: flex;
     justify-content: center;
     align-items: flex-start;
     gap: 1rem;
   }
   article {
     background: #fff;
     border: 1px solid #eaeaea;
     padding: 1rem;
     width: 30%;
     text-align: center;
   }
   img {
     width: 100%;
     height: auto;
   }
   h2 {
     margin: 1rem 0 0.5rem 0;
     font-size: 1.25rem;
   }
   p {
     margin: 0;
   }
 </style>

</head> <body>

 <article>
   <img src='https://ht.wanmei.com/images/cover240711/img1.jpg' alt=>

Article Title

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laborum, numquam tempora! Unde delectus officiis maiores ullam natus reiciendis esse. Laboriosam ea provident aut explicabo fuga natus, labore maiores corrupti corporis!

 </article>
 <article>
   <img src='https://ht.wanmei.com/images/cover240711/img1.jpg' alt=>

Article Title

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laborum, numquam tempora! Unde delectus officiis maiores ullam natus reiciendis esse. Laboriosam ea provident aut explicabo fuga natus, labore maiores corrupti corporis!

 </article>
 <article>
   <img src='https://ht.wanmei.com/images/cover240711/img1.jpg' alt=>

Article Title

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laborum, numquam tempora! Unde delectus officiis maiores ullam natus reiciendis esse. Laboriosam ea provident aut explicabo fuga natus, labore maiores corrupti corporis!

 </article>

</body> </html>