<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
*{margin:0;padding:0;}
#wt{margin:20px auto; width:450px;border:1px transparent solid}
#box{border:transparent 1px solid; border-top:1px solid red;line-height:32px;padding-left:8px}
#box2{border:transparent 1px solid; border-top:1px solid red; line-height:32px;padding-left:20px}
#box3{border:transparent 1px solid ;border-top:1px solid red ; line-height:32px;padding-left:20px}
#wt ul li{padding-left:10px}
ul{list-style:none}
#box,#box2,#box3{display:inline;font-size:18px;color: #404040 }
#box3:hover{color:red;border-top:2px solid red }
#box:hover{color:red;border-top:2px solid red}
#box2:hover{color:red ;border-top:2px red solid}
div ul li:hover{color:red}
#we,#we2{font-weight:bold}
</style>
</head>
<body>
<div id="wt">
<div id="box">
要闻
</div>
<div id="box2">
<select name="#" >
<option value="">惠州新闻</option>
</select>
</div>
<div id="box3">军事 <span>|</span> 航空</div>
<div id="box4">
<ul>
<li id="we">微视频｜坚决打赢湖北保卫战 武汉保卫战</li>
<li id="we2">这件事 平说“功在当代、利在千秋” 一鼓作气</li>
<li>把医疗救治工作摆第一 战"疫"越吃劲 越要绷住劲</li>
<li>7年来农村贫困人口累计减少9300多万 决定性成就</li>
<li>国企发挥顶梁柱作用 多地为复工复产注入金融活水</li>
</ul>
</div>
</div>
</body>
</html>
