2.综合练习

原创于 2021-03-09 16:18:10 发布 · 168 阅读

0 ·

CC 4.0 BY-SA版权

软件测试笔记专栏收录该内容

17 篇文章

订阅专栏

实现要求

在这里插入图片描述

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>综合练习</title>
		<style type="text/css">
			body{
				/* 设置文字在当前元素中水平的对齐方式
				 也可以对行内元素和图片*/
				text-align: center;			
			}
			.two{
				color: black;
			}
			.txt{
				width: 300px;
				height: 40px;
			}
			.box1{
				margin-bottom: 10px;
			}
			.box2{
				margin-top: 10px;
			}
		</style>
		
	</head>
	<body>
		
		<img src="img/bdlogo.png" alt="">
		<br>
		<div class="box1">
			<a href="">新闻</a>
			<a href="" class="two">网页</a>
			<a href="">贴吧</a>
			<a href="">知道</a>
			<a href="">音乐</a>
			<a href="">图片</a>
			<a href="">视频</a>
			<a href="">地图</a>
		</div>
		
		<form action="" method="">
			<input type="text" class="txt"/>			
			<input type="submit" class="btn" value="百度一下" />
		</form>
		
		<div class="box2">
			<a href="">新闻</a>
			<a href="" class="two">网页</a>
			<a href="">贴吧</a>
			<a href="">知道</a>
			<a href="">音乐</a>
			<a href="">图片</a>
			<a href="">视频</a>
			<a href="">地图</a>
		</div>
	</body>
</html>