0510

最新推荐文章于 2024-09-12 18:02:32 发布

J2167

最新推荐文章于 2024-09-12 18:02:32 发布

阅读量103

点赞数

分类专栏：建站文章标签： html

本文链接：https://blog.csdn.net/J2167/article/details/90085650

版权

建站专栏收录该内容

2 篇文章 0 订阅

订阅专栏

昨天的源码问题找到了，a错了

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">

	<title>html</title>
	<style type="text/css">
	    *{margin: 0;padding: 0;}
		.a{width: 100%;height: 150px;background: url(images/Hydrangeas.jpg);}

		.a .b{width: 100%;height: 40px;background: rgba(255,255,255,0.5);}

		.a .b .c{width: 1000px;height: 40px;margin: 0 auto;}


		.a .b .c ul li{
			width: 60px;height: 38px;
			float: left;
			line-height: 40px; text-align: center;
			font-size: 16px;font-family: 微软雅黑;font-weight: 400;
			list-style: none;}
		.a .b .c ul li:hover{background: rgba(255,255,255,0.5);}

		.a .b .c ul li a{text-decoration: none;width: 60px;height: 38px;  display: block;color: #000;}

		.a .b .c ul li.exit{height: 60px;background: #444;border-radius: 0 0 15px 15px;}
		.a .b .c ul li.exit a{height: 60px; display: block;}
	</style>
</head>
<body>
	<div class="a">
		<div class="b">

			<div class="c">
                <a href="#" style="float: left;"><img src="images/logo.jpg" height="20" width="20" ></a>
				<ul style="float: left;">
					<li><a href="#">1</a> </li>
					<li><a href="#">2</a> </li>
					<li><a href="#">3</a> </li>
				</ul>

				<ul style="float: right;">
					<li><a href="#">4</a> </li>
					<li><a href="#">5</a> </li>
					<li class="exit"><a href="#">exit</a> </li>
				</ul>
				
			</div>
			
		</div>
		
	</div>

</body>
</html>