目标实例
实现代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
form{
width: 200px;
background-color: darkgray;
}
a{
line-height: 30px;
text-decoration: none;
font-family: 新宋体;
color: azure;
}
a:link{
color:azure;
}
a:visited{
color:aquamarine;
}
a:hover{
color:black;
font-size: 25px;
text-decoration: underline;
}
a:active{
color:brown;
]
</style>
</head>
<body>
<form>
<img src="img/jd.JPG"/><br/>
<a href="http//www.123.com">家用电器</a><br />
<a href="http//www.111.com">手机/</a><a href="http//www.161.com">运营商/</a><a href="http//www.167.com">数码</a><br />
<a href="http//www.125.com">电脑/</a><a href="http//www.162.com">办公</a><br />
<a href="http//www.126.com">家具/</a><a href="http//www.163.com">家居/</a>
<a href="http//www.154.com">家装/</a><a href="http//www.164.com">厨具/</a><br />
<a href="http//www.147.com">男装/</a><a href="http//www.165.com">女装/</a><a href="http//www.195.com">童装</a><br />
<a href="http//www.158.com">男鞋/</a><a href="http//www.166.com">运动鞋/</a><a href="http//www.182.com">户外</a><br />
<a href="http//www.168.com">汽车/</a><a href="http//www.168.com">汽车用品</a><br />
<a href="http//www.128.com">母婴/</a><a href="http//www.169.com">玩具乐器</a><br />
<a href="http//www.129.com">图书/</a><a href="http//www.170.com">电子书</a><br />
<a href="http//www.142.com">理财/</a><a href="http//www.188.com">众筹/</a><a href="http//www.196.com">白条/</a>
<a href="http//www.156.com">保险</a><br />
</form>
</body>
</html>
运行效果