B2C网上商城系统 ASP.NET VS SQL

/****************************** 公共 Begin******************************/ body { font-family: 宋体,Verdana,Arial Baltic; font-size: 12px; background-color: #fff; letter-spacing: 1px; } * { margin: 0px; padding: 0px; } img { border-width: 0px; } ul { margin: 0px; } li { list-style-type: none; } a { text-decoration: none; } input[type=submit] { background: url(images/button.gif); height: 23px; width: 74px; color: #00538A; border: 0; margin: 0 5px 0; cursor: pointer; } input[type=text], input[type=password], textarea { border: 1px solid #7E9DB9; width: 100px; margin-left: 5px; } /****************************** 公共 End******************************/ /****************************** 布局 End******************************/ #divPage { text-align: center; margin: 5px auto; } #divForm { width: 950px; } .divContent { width: 100%; } .divContent .divSmall { float: left; width: 250px; margin: 0px auto; text-align: center; } .divContent .divBig { float: left; width: 700px; margin: 0px auto; text-align: center; } /****************************** 布局 End******************************/ /****************************** HeadMenu Begin******************************/ #divHeadMenu { background: url(images/HeadMenu_bg.jpg) repeat-x; width: 100%; height: 35px; } #divHeadMenu .left { float: left; background: url(images/HeadMenu_s.jpg) no-repeat left top; width: 6px; } #divHeadMenu .right { float: right; background: url(images/HeadMenu_s.jpg) no-repeat right top; width: 6px; } #divHeadMenu .center { float: left; height: 35px; } #divHeadMenu .center li { width: 90px; float: left; padding-top: 7px; } #divHeadMenu .center li a, #divHeadMenu .center li a:visited { color: #00538A; letter-spacing: 3px; text-align: center; font-weight: bold; font-size: 13px; } #divHeadMenu .center li a:hover { color: #F9A82E; } #divHeadMenu .center .selected { background: url(images/HeadMenu_on.gif) no-repeat center top; height: 39px; } #divHeadMenu .center .selected a, #divHeadMenu .center .selected a:hover, #divHeadMenu .center .selected a:visited { color: #FEFEFB; } #divHead { background: url(images/head.jpg) no-repeat left top; height: 163px; } /****************************** HeadMenu End******************************/ /****************************** Head Begin******************************/ .headtitle { background: url(images/sign2.gif) no-repeat 5px; padding-left: 20px; color: #00538A; float: left; white-space: nowrap; font-size: 13px; margin-top: 10px; font-weight: bold; } .more { float: right; margin-right: 5px; background: url(images/more.jpg) no-repeat; width: 38px; margin-top: 9px; } .divYellow { width: 245px; margin-bottom: 10px; background: url(images/divYellow_b.jpg) repeat-x left 33px; } .divYellow .head { text-align: center; background: url(images/divYellow_hbg.jpg) repeat-x left top; height: 33px; } .divYellow .left { float: left; background: url(images/divYellow_hl.jpg) no-repeat left top; width: 3px; height: 33px; } .divYellow .center { width: 242px; float: left; text-align: left; background: url(images/divYellow_hr.jpg) no-repeat right top; height: 33px; } .divBlue { float: left; background: url(images/divBlue_bg.jpg) repeat-x left 33px; margin: 0 0 5px 5px; width: 340px; } .divBlue .head { text-align: center; background: url(images/divBlue_hb.jpg) repeat-x left top; height: 33px; } .divBlue .head .left { float: left; background: url(images/divBlue_hl.jpg) no-repeat left top; width: 4px; height: 33px; } .divBlue .head .center { width: 336px; float: left; text-align: left; background: url(images/divBlue_hr.jpg) no-repeat right top; height: 33px; } .divBlue .body { background: url(images/divBlue_sl.jpg) repeat-y left top; padding-left: 3px; } .divBlue .body .content { width: 337px; background: url(images/divBlue_sr.jpg) repeat-y right top; text-align: left; } .divBlue .foot { text-align: center; background: url(images/divBlue_fb.jpg) repeat-x left bottom; height: 5px; } .divBlue .foot .left { float: left; background: url(images/divBlue_hl.jpg) no-repeat left bottom; width: 4px; height: 5px; } .divBlue .foot .center { width: 336px; float: left; text-align: left; background: url(images/divBlue_hr.jpg) no-repeat right bottom; height: 5px; } /****************************** Head End******************************/ /****************************** List begin******************************/ .ulLink { margin: 5px 0 5px 0; text-align: left; } .ulLink li { width: 225px; padding-left: 15px; background: url(images/sign1.gif) no-repeat 5px top; height: 20px; } .ulLink li a, .ulLink li a:visited { display: block; text-align: left; color: #2C4B2C; } .ulLink li a:hover { cursor: pointer; color: #F99C05; } .ulLink li a span { width: 185px; float: left; text-align: left; } .ulLink li a .count { color: #F99C05; width: 40px; float: right; letter-spacing: 0px; } .ulLink li a .needcount { color: Blue; width: 40px; float: right; white-space: nowrap; letter-spacing: 0px; } .ulLink li a .date { color: Red; width: 40px; float: right; letter-spacing: 0px; } /****************************** List End******************************/ /****************************** ImgList Begin******************************/ .divImg { border: solid 1px #DCDBDB; border-collapse: collapse; padding: 1px 1px 1px 1px; } .ulShowImg { width: 100%; } .ulShowImg li { float: left; margin: 5px 0 5px 3px; text-align: center; width: 110px; height: 150px; } .ulShowImg li a { } .ulShowImg li a b { margin-bottom: 5px; display: block; border: solid 1px #DCDBDB; padding: 1px 1px 1px 1px; width: 102px; height: 102px; text-align: center; vertical-align: middle; line-height: 90px; cursor: pointer; background-color: #fff; font-size: 90px; } .ulShowImg li a img { max-width: 100px; max-height: 100px; vertical-align: middle; } .ulShowImg li a .name { display: block; cursor: pointer; font-size: 14px; } .ulShowImg li a .price { padding-top:2px; padding-left: 16px; font-size: 14px; background: url(images/rmb.png) no-repeat; color: #f50; } /****************************** ImgList End******************************/ .divBlueNormal { border-right: #cccccc 1px solid; padding-right: 0px; border-top: #cccccc 1px solid; padding-left: 0px; background: url(images/bg_blue.gif) repeat-x; padding-bottom: 10px; margin: 0px auto 10px; border-left: #cccccc 1px solid; padding-top: 10px; border-bottom: #cccccc 1px solid; text-align: center; } .divBlueNormal .content { width: 96%; text-align: left; } .divBlueNormal .head { margin-bottom: 10px; padding-bottom: 5px; width: 100%; border-bottom: #c4deff 1px solid; } .divBlueNormal .head .title { font-weight: bold; font-size: 25px; float: left; color: #ff6600; } .divBlueNormal .content .split { border-top: #c4deff 1px solid; margin: 5px 0px 10px; width: 100%; height: 1px; } .tbInput { width: 100%; } .tbInput td { height: 30px; } .