限时抢价
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 5 <title>网页标题</title> 6 <meta name="keywords" content="关键字列表" /> 7 <meta name="description" content="网页描述" /> 8 <link rel="stylesheet" type="text/css" href="" /> 9 <style type="text/css"> 10 body,div,ul,li,p,span,img{padding:0; margin:0} 11 body{ 12 font-size:12px; 13 background-color:#ffff00; 14 } 15 ul li{ 16 list-style:none; 17 } 18 .box{ 19 width:800px; 20 margin:30px auto; 21 } 22 .box .biao{ 23 height:30px; /*设置.biao的高度*/ 24 line-height:30px;/*行高*/ 25 font-size:18px;/*字体大小*/ 26 color:orange;/*字体颜色*/ 27 font-weight:bold;/*字体加粗*/ 28 border-bottom:2px solid orange;/*下边框线为两个像素的粗细，颜色为橘色*/ 29 } 30 .box .nei{ 31 padding:22px 8px 0; 32 } 33 .box .nei li{ 34 border:1px solid red; 35 float:left; 36 margin:0 22px 22px; 37 width:150px; 38 position:relative;/*相对定位，没有设置坐标，原地不动*/ 39 } 40 .box .qing{ 41 clear:both;/*清除浮动*/ 42 } 43 li .lian{ 44 color:#990000; 45 font-weight:bold; 46 } 47 li .si{ 48 color:#ff6600; 49 font-weight:bold; 50 } 51 li .yi{ 52 color:#999; 53 text-decoration:line-through; 54 font-size:10px; 55 padding-left:30px; 56 } 57 li .tu{ 58 position:absolute;/*绝对定位，相对于*/ 59 top:-15px; 60 right:-15px; 61 } 62 </style> 63 </head> 64 <body> 65 <div class="box"> 66 <div class="biao">今日限时抢价</div> 67 <div class="nei"> 68 <ul> 69 <li> 70 <img src="images/01.jpg"><br> 71 <p>【特价款】雷朋板材光学镜价<br> 72 <span class="lian">年终盛典 满128立减30元</span><br> 73 <span class="si">¥476.00</span> <span class="yi">¥1360</span> 74 </p> 75 <div class="tu"><img src="images/xsq.png"></div> 76 </li> 77 <li> 78 <img src="images/02.jpg"><br> 79 <p>【特价款】雷朋板材光学镜价<br> 80 <span class="lian">年终盛典 满128立减30元</span><br> 81 <span class="si">¥476.00</span> <span class="yi">¥1360</span> 82 </p> 83 <div class="tu"><img src="images/xsq.png"></div> 84 </li> 85 <li> 86 <img src="images/03.jpg"><br> 87 <p>【特价款】雷朋板材光学镜价<br> 88 <span class="lian">年终盛典 满128立减30元</span><br> 89 <span class="si">¥476.00</span> <span class="yi">¥1360</span> 90 </p> 91 <div class="tu"><img src="images/xsq.png"></div> 92 </li> 93 <li> 94 <img src="images/04.jpg"><br> 95 <p>【特价款】雷朋板材光学镜价<br> 96 <span class="lian">年终盛典 满128立减30元</span><br> 97 <span class="si">¥476.00</span> <span class="yi">¥1360</span> 98 </p> 99 <div class="tu"><img src="images/xsq.png"> 100 </li> 101 <li> 102 <img src="images/05.jpg"><br> 103 <p>【特价款】雷朋板材光学镜价<br> 104 <span class="lian">年终盛典 满128立减30元</span><br> 105 <span class="si">¥476.00</span> <span class="yi">¥1360</span> 106 </p> 107 <div class="tu"><img src="images/xsq.png"></div> 108 </li> 109 <li> 110 <img src="images/06.jpg"><br> 111 <p>【特价款】雷朋板材光学镜价<br> 112 <span class="lian">年终盛典 满128立减30元</span><br> 113 <span class="si">¥476.00</span> <span class="yi">¥1360</span> 114 </p> 115 <div class="tu"><img src="images/xsq.png"></div> 116 </li> 117 <li> 118 <img src="images/07.jpg"><br> 119 <p>【特价款】雷朋板材光学镜价<br> 120 <span class="lian">年终盛典 满128立减30元</span><br> 121 <span class="si">¥476.00</span> <span class="yi">¥1360</span> 122 </p> 123 <div class="tu"><img src="images/xsq.png"></div> 124 </li> 125 <li> 126 <img src="images/08.jpg"><br> 127 <p>【特价款】雷朋板材光学镜价<br> 128 <span class="lian">年终盛典 满128立减30元</span><br> 129 <span class="si">¥476.00</span> <span class="yi">¥1360</span> 130 </p> 131 <div class="tu"><img src="images/xsq.png"></div> 132 </li> 133 </ul> 134 <div class="qing"></div> 135 </div> 136 </div> 137 </body> 138 </html>
图片不见了，
