HTML第六章上机练习5





彩妆热卖产品列表






@charset "gb2312";
/* CSS Document */

body, p, ul, li {margin:0px;padding:0px;}
ul, li {list-style-type:none;}
body {background-color:#eee7e1;font-size:12px;}
img {border:0px;}
#cosmetics {width:255px;background-color:#FFF;}
#cosmetics .title {font-size:14px;font-weight:bold;color:#FFF;background-color:#e9185a;height:35px;line-height:35px;padding-left:10px;}
#cosmetics li {border-bottom:1px #a8a5a5 dashed;line-height:30px;padding-left:2px;}
#cosmetics li div {display:none;text-align:center;}
#cosmetics a {color:#666666;text-decoration:none;}
#cosmetics a:hover {color:#e9185a;}
#cosmetics a span {color:#FFF;background:url(dot_01.gif) 0px 5px no-repeat;text-align:center;padding:10px;font-weight:bold;}
#cosmetics a:hover span {color:#FFF;background:url(dot_02.gif) 0px 5px no-repeat;}
#cosmetics a:hover div {display:block;}


你可能感兴趣的:(HTML第六章上机练习5)