购物的html,html+css实现购物显示

MyHtml.html

*{margin:0px;padding:0px;}

#web{

width:1020px;height:345px;border:2px solid #660066;

margin:40px auto;

}

#web .pic{width: ;height:}

#web ul li {

list-style-type:none;

border-right:1px solid #D9D9D9;

width:247px;height:265px;

float:left;margin:2px 1px;

position:relative;

}

#web ul li:hover{background:#FF9966}

#web ul li .cls{

width:60px ;height:30px ;background:url("images/jg.png");

position:absolute;top:135px;left:97px;color:#FFF;

font-family:"微软雅黑";

}

#web .ll{border-right:none}

#web ul li .cls .s1{

display:inline-block;

font-size:13px;font-weight:bold;

margin-top:13px;

margin-left:4px;

}

#web ul li .cls .s2{

font-size:17px;/*font-weight:bold*/;

}

#web ul li p{

margin-top:20px;

font-size:14px;

text-align:center;

}

#web ul li p span{

background:#FFEBEC;color:#FD2248;

/*border-radius:3px;*/margin:9px;

}

#web ul li a{

display:block;

width:90px;height:20px;

border-radius:4px;

margin:20px auto;

background:#FFEBEC;

font-size:16px;

color:#CC0000;

text-decoration:none;

text-align:center;

}

• 

  ￥

  15

  0.5折..这是衬衫,白送,想要的qq我!

  剩余12件

• 

  ￥

  15

  0.5折..这是围巾,白送,想要的qq我!

  剩余10件

• 

  ￥

  15

  0.5折..这是筷子,白送,想要的qq我!

  剩余6件

• 

  ￥

  15

  0.5折..这是大衣,白送,想要的qq我!

  剩余17件