首页写一个关于王者荣耀的html三级网页只用style

写一个关于王者荣耀的html三级网页只用style

时间: 2024-12-22 16:18:58 浏览: 7

创建一个简单的王者荣耀主题的HTML页面，并仅使用内联样式（style属性），我们可以这样做： ```html <!DOCTYPE html> <html lang="zh"> <head> <title>王者荣耀英雄展示</title> </head> <body style="background-color: #F0E68C; font-family: Arial, sans-serif;"> <header style="padding: 20px; background-color: #FFA500; text-align: center;"> <h1 style="color: white;">王者荣耀英雄排行榜</h1> </header> <main style="width: 70%; margin: 0 auto; padding: 40px;"> <section style="border: 1px solid #DDD; margin-bottom: 20px;"> <h2 style="font-size: 1.5em;">热门英雄</h2>  <div style="display: flex; justify-content: space-between;"> <div class="hero" id="hero1" style="width: 33%; border: 1px solid #AAA;"> <img src="hero1.png" alt="英雄1" style="width: 100%; height: 200px;"> <h3 style="margin-top: 10px;">英雄1名称</h3> </div>  </div> </section> </main> <footer style="text-align: center; background-color: #F0E68C; padding: 20px;"> <p style="color: #FFA500;">版权所有 © 2023 王者荣耀</p> </footer> </body> </html> ``` 在这个例子中，我们使用了内联样式来设置页面的基本布局、颜色和字体等元素。请注意，实际使用中，为了维护更好的代码结构和可读性，通常会将样式放在外部CSS文件中。

阅读全文