[立即注册] 登录
教程网 返回首页

小米枪加汤的个人空间 http://my.jcwcn.com/?1873788 [收藏] [复制] [分享] [RSS]

日志

鼠标滑动效果

已有 219 次阅读2014-11-7 18:05 |个人分类:基础教程|系统分类:WEB前端| HTML, CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!--声明当前页面的编码集charset=gbk中文编码gb2312,charset=utf-8 国际编码-->
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<!--当前页面的三要素-->
<title>网页制作零基础课 - Arry老师</title>
<meta name="Keywords" content="网页制作,零基础,html,css">
<meta name="description" content="">


<!--css , js-->
<!--css 层叠样式表: 一件美丽的外衣-->
<style type="text/css">
*{margin:0px;padding:0px;}
.dh{width:1210px;height:40px;background:#E13335;margin:200px auto;font-family:"微软雅黑";}
.dh ul li{list-style:none;float:left;line-height:40px;}
.dh ul li a{text-decoration:none;color:#FFFFFF;font-size:14px;
/*padding-left:20px;padding-right:20px; == padding:0 20px 0 20px;*/
font-weight:bold;padding:0 20px 0 20px; display:block;
}
.dh ul li a:hover{background:#A40000;}

.dh ul .all{width:190px;font-size:14px;color:#FFFFFF;font-weight:bold;
padding-left:20px;
}


.dh ul li .xz{background:#A40000;}


</style>


</head>
<body>


<!--div: 层,盒子,容器-->
<div class="dh">
<ul>
<li class="all">全部商品分类</li>
<li>
<a href="#" class="xz">首页</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>



</body>
</html>

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | [立即注册]

2345