<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>英雄联盟</title>
<style>
body {
font-family: Arial, sans-serif;
}
.container {
max-width: 800px;
margin: 0 auto;
}
h1 {
text-align: center;
margin-top: 30px;
}
.btn {
display: inline-block;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
text-decoration: none;
border-radius: 5px;
cursor: pointer;
}
.btn:hover {
background-color: #45a049;
}
img {
width: 100%;
height: auto;
object-fit: cover;
}
</style>
<div class="container">
<h1>英雄联盟</h1>
<button class="btn">预选位模式</button>
<!-- 显示好友列表 -->
<div class="好友-list">
<!-- 这里添加你的好友列表代码 -->
</div>
</div>
<!-- 更改其他元素样式，使之更符合你的需求 -->
这个修改过的版本并没有添加任何图形或图片，如果你有任何关于图像、颜色、布局等元素的需求，请告诉我，我会尽力满足。