黑马程序员技术交流社区
标题:
技术贴
[打印本页]
作者:
it_g
时间:
2019-7-18 20:17
标题:
技术贴
因为测试还没学，所以只能用前端凑数了：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Google</title>
<style type="text/css">
span{font-size: 100px;}
._1{ color: blue;}
._2{ color: darkred;}
._3{ color: orange;}
._4{ color: green}
#logo{
width: 500px; height: 50px; background: white;
margin: auto; margin-top: 100px;
}
#seach{
padding-left: 500px;
padding-right: 300px;
padding-top: 120px;
}
a{
text-decoration: none;
}
</style>
</head>
<body>
<a href="http//:www.google.com" >
<div id="logo">
<span class="_1">G</span>
<span class="_2">o</span>
<span class="_3">o</span>
<span class="_1">g</span>
<span class="_4">l</span>
<span class="_2">e</span>
</div>
</a><br />
<div id="seach">
<form action="http//:www.google.com" method="get">
<input type="text" list="soso" name="so" id="_5" autocomplete="on"
placeholder="请输入搜索内容"/>
<datalist id='soso'>
<option value="蔡旭坤">蔡旭坤</option>
<option value="国产航母">国产航母</option>
<option value="伊朗外长骂特朗普">伊朗外长骂特朗普</option>
</datalist>
<input type="submit" name="neirong" id="" value="搜索" />
</form>
</div>
</body>
</html>
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2