Widget:首页公告
<!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>