用html,css和js做六个按列排中等大小的按钮可跳转至不同页面
时间: 2023-06-07 09:09:43 浏览: 53
这是一个技术类问题,我可以回答。您可以使用以下代码实现:
HTML代码:
```
<div class="button-container">
<button onclick="window.location.href='page1.html'">Button 1</button>
<button onclick="window.location.href='page2.html'">Button 2</button>
<button onclick="window.location.href='page3.html'">Button 3</button>
<button onclick="window.location.href='page4.html'">Button 4</button>
<button onclick="window.location.href='page5.html'">Button 5</button>
<button onclick="window.location.href='page6.html'">Button 6</button>
</div>
```
CSS代码:
```
.button-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
button {
width: 200px;
height: 100px;
margin: 10px;
font-size: 24px;
}
```
JS代码:无需添加。
这样,您就可以使用 HTML、CSS 和 JavaScript 制作六个按列排中等大小的按钮,并且每个按钮都可以跳转到不同的页面。