Html+Css 全部商品分类（内部样式）

最新推荐文章于 2023-12-27 16:28:26 发布

Māple枫树

最新推荐文章于 2023-12-27 16:28:26 发布

阅读量3.6k

点赞数 1

文章标签： css html html5

本文链接：https://blog.csdn.net/weixin_51967087/article/details/120387564

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
				.z{
					background-color: #FF0000;
					width: 300px;
					color: white;
					font-size: 20px;
					font-weight: bold;
					text-indent: 20px;
				}
				.x{
				background-color: darkgray;
				text-indent: 50px;
				text-align: left;
				}
				.er{
					margin-left: 80px;
				}
				.yi{
					margin-left: 120px;
					width: 30px;
				}
				.c{
					background-image: url(./img/arrow-right.gif);
					background-repeat: no-repeat;
					background-position: right;
				}
		</style>
	</head>
	<body>
		<table border="0" cellspacing="0" cellpadding="">
			<tr>
				<td class="z"><p>全部商品分类 <img class="yi" src="./img/arrow-down.gif" ></p></td>
				</tr><tr class="x">
				<td><p class="c">图书 音像 数字产品</p>
					<p class="c">家用电器 手机 数码 </p>
					<p class="c">电脑 办公 </p>
					<p class="c">家具 装修 厨具 </p>
					<p class="c">服饰鞋帽 个护化妆 </p>
					<p class="c">礼品箱包 钟表 珠宝 </p>
					<p class="c">食品饮料 保健食品 </p>
					<p class="c">彩票 旅行 充值 </p></td>
			</tr>
		</table>
	</body>
</html>