【web】上机实验三

最新推荐文章于 2023-04-23 17:26:12 发布

shangguan_1234

最新推荐文章于 2023-04-23 17:26:12 发布

阅读量548

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/shangguan_1234/article/details/52862879

版权

web 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

贵美分类表

实现成这样子

代码如下

<html>
<head>
 <meta charset=utf-8>
 <title>贵美商城</title>
  <style>
    .li{
	width:150px;
	color:blue;
	font:24px 宋体;
	list-style:none;
	float:left;
	background-color: #CCC;
}
 </style>
</head>
    <div class="li">
			<ul>
				<h1 >家用电器</h1>
				<li><a href="">大家电</a></li>
				<li><a href="">洗衣机</a></li>
				<li><a href="">平板电视</a></li>
				<li><a href="">电热水器</a></li>
				<li><a href="">家庭音响</a></li>
				<li><a href="">热水器</a></li>
				<li><a href="">空调冰箱</a></li>
				<li><a href="">冷柜</a></li>
				<li><a href="">DVD</a></li>
				<li><a href="">电视附件</a></li>
				<li><a href="">电燃气</a></li>
				<li><a href="">家电下乡</a></li>
				<li><a href="">家电服务</a></li>
				<li><a href="">电饭煲</a></li>
				<li><a href="">摄像机</a></li>					
			</ul>
			<ul>
				<h1>日用百货</h1>
				<li><a href="">大家电</a></li>
				<li><a href="">洗衣机</a></li>
				<li><a href="">平板电视</a></li>
				<li><a href="">电热水器</a></li>
				<li><a href="">家庭音响</a></li>
				<li><a href="">热水器</a></li>
				<li><a href="">空调冰箱</a></li>
				<li><a href="">冷柜</a></li>
				<li><a href="">DVD</a></li>
				<li><a href="">电视附件</a></li>
				<li><a href="">电燃气</a></li>
				<li><a href="">家电下乡</a></li>
				<li><a href="">家电服务</a></li>
				<li><a href="">电饭煲</a></li>
				<li><a href="">摄像机</a></li>					
		  </ul>      
    </div> 
	</div>
</body>
</html>