Question

怎么用代码写出这个？

Answer 1

<style type="text/css">

*{margin: 0;padding: 0;}

.header{width: 1000px;height: auto;margin: 0 auto;}

.banner{width: 100%;height: 200px;background: red;}

ul{display: flex;height: 35px;}

ul li{flex: 1;text-align: center;list-style: none;border: pink solid 1px;line-height: 35px;}

ul li:hover{background: #000;color: #fff;}

</style>

<div class="header">

<div class="banner"><img src="#" width="1000" height="200"></div>

<ul>

<li>首页导读</li>

<li>首页导读</li>

<li>首页导读</li>

<li>首页导读</li>

</ul>

</div>

以上为代码实现的示例，望采纳，谢谢