<!DOCTYPE html><head> <meta charset="UTF-8"> <title>header_search</title> <style type="text/css"> *{ margin:0; padding:0; text-decoration: none; list-style: none; } .head{ width:100%; height:100px; background: #000; font-size: 16px; line-height: 100px; color:white; } .head span{ font-size: 45px; margin-left: 20px; float: left; } .head ul{ float:left; font-weight: bold; } .head ul li{ float: left; width: 100px; text-align: center } .head ul a{ color:white; display: block; transition: 0.3s; } .head ul a:hover{ background-color: white; color:black; } .head input{ background: #333; border:none; width: 200px; height: 30px; border-radius: 15px; color:white; font-size: 18px; } .head input:active{ border:none } </style></head><body> <div class="head"> <span>ZEALER</span> <ul> <li><a href="#">MEDIA</a></li> <li><a href="#">X</a></li> <li><a href="#">S</a></li> <li><a href="#">LAB</a></li> </ul> <input type="text"> </div></body></html>
添加回答
舉報
0/150
提交
取消