HTML第六章课后作业4

最新推荐文章于 2024-03-29 10:28:03 发布

_苏小白

最新推荐文章于 2024-03-29 10:28:03 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/qq_36074043/article/details/52893091

版权

这是一个HTML代码示例，展示了如何使用CSS设计一个商品分类列表。列表包括四个类别：酒水饮料、进口食品、休闲零食和地方特产。每个类别都有独特的背景图片和字体样式，并在鼠标悬停时改变链接颜色。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品分类列表</title>

<style type="text/css">
ul{width:300px;
border-width:thin;
border-style:solid;
border-color:#F93;
list-style-type: none;
line-height:40px;
text-align:1em;
font-weight:bold;}
li{
	border-bottom-color:#999999;
	border-bottom-style:dashed;
	border-bottom-width:1px;}
.one {
	font-size: 16px;
	list-style-type: none;
	background:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_01.jpg) no-repeat;
	text-indent:5em;}
.two{font-size: 16px;
	list-style-type: none;
	background:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/icon_02.jpg) no-repeat;
	text-indent:5em;}
.three{font-size: 16px;
	list-style-type