Springboot+maven简单的网页拍卖系统（3）

创建 static 文件夹 （用于存放静态资源） 和 templates 文件夹（用于存放静态页面）

 

不知道怎么搞附件 静态资源我就直接放这了 静态资源用的是模板

 common.css

@charset "utf-8";

body{font-family:Arial,"宋体",sans-serif;background:#ffffff;color:#5a5a5a;font-size:12px;min-width:1000px;line-height:24px;text-align:center}
a{text-decoration:none;color:#5a5a5a}
a:hover{text-decoration:underline}
.wrap{width:1000px;text-align:left;margin:0 auto}
.center{margin:0 auto}
.offset0{margin-left:0}
.offset5{margin-left:5px}
.offset10{margin-left:10px}
.offset15{margin-left:15px}
.offset20{margin-left:20px}
.top0{margin-top:0}
.top5{margin-top:5px}
.top10{margin-top:10px}
.top15{margin-top:15px}
.top20{margin-top:20px}
.borders{border:1px solid #d2e1f1}
.left{float:left}
.right{float:right}
.align-left{text-align:left}
.align-right{text-align:right}
.acenter{text-align:center}
.fix:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.hide{display:none}
.show{display:block}
.strong{font-weight:bold}
.normal{font-weight:normal}
.no-bg{background:none !important}
.opacity{-moz-opacity:0.25;opacity:0.25;filter:alpha(opacity=25)}
.content{z-index:1;margin:0 5px 0;zoom:1}
.reds,.reds a{color:#F00}
.blue,.blue a{color:#0177A7}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}

.hc{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0}
img{vertical-align:top}
.no-border{border:none !important}
strong{font-weight:bold}

private.css

@charset "utf-8";
/* CSS Document */
.lf{ float:left}
.rg{ float:right}
.tg{ text-align:right}
.blues,.blues a{ color:#0096ff}
.red,.red a{ color:#FF0000}
.cl{ clear:both}
.f14{ font-size:14px}
 .bar ul{ float:left}
.wrap{ width:960px; margin:0 auto}
select,input,label,button,button{ vertical-align:middle}
.top{padding:40px 0 0 0}
.main{ padding:27px 0 0 70px; clear:both}
.spbg{ background:url(../images/bg.png) no-repeat 0 0;}
.Sidebar{ width:443px; float:left}
 .Sidebar .ce-t{ background:#0185bb; color:#fff; padding:10px 0 10px 15px; line-height:20px}
  .Sidebar .ce-t h2{ font-size:24px; font-weight:bold; padding:0 0 5px}
.Sidebarg{ width:320px; float:right; padding:40px 0 0}
.login{ padding:22px 0 0}
 .login dt{ font-weight:bold; font-size:14px; padding:0 0 5px}
 .login dd{ margin:0 0 8px; clear:both; line-height:18px}
   .login dd span a{ text-decoration:underline; line-height:34px}
.inputh{ width:215px; height:27px; border:1px solid #7F7F7F; color:#C1C1C1; margin:0 5px 0 0; line-height:24px}
.inputs{ width:114px}
.wordp{ height:27px; border:1px solid #7F7F7F; width:96px; margin:0 6px; cursor:pointer}
.buttombg{width:99px;height:37px;background-position:-10px -7px; border:none; cursor:pointer; text-align:center; font-weight:bold; color:#fff; line-height:37px; margin:30px 5px 0 0;_margin:28px 5px 0 0}
.buttombgs{background-position:-143px -4px}
.blusa{ margin:38px 0 0;_margin:32px 0 0}
.fontz{ color:#404040; font-weight:bold;}
 .fontz a{color:#404040;}
.footer{ padding:60px 0 0; color:#5B5B5B;line-height:23px}
 .footer a{color:#5B5B5B; }
/*zhuce*/
.zclf{ width:492px; float:left}
.zcrg{ padding:180px 0 0 40px; float:left}
.xzkbg{width:21px;height:20px;background-position:-119px -11px}
.zctop{width:492px;height:36px;background-position:-5px -46px}
.zctop1{background-position:-6px -84px}
.zctop2{background-position:-5px -122px}
.zctop3{background-position:-5px -162px}
.logns{ padding:22px 0 0 13px; width:450px}
.logns dd{ height:38px; padding:0 0 0 40px; margin:0;}
 .logns .adl{ padding:48px 0 0 40px}
 .logns dl dd small{ color:#0096ff; font-size:12px;}
 .logns label{width:60px; text-align:right; margin:0 5px 0 0;float:left}
 .logns .labels{ width:180px; text-align:left; float:none}
 .logns .labe{ width:80px}
 .logns .laba{ width:120px}
.logns .hegas{ height:25px; margin:0}
.brda{ border-right:1px solid #ccc; float:left; height:196px; margin:88px 0 0; width:1px}
.butts{ margin:20px 0 0}
 .logns dl .padd30{ padding:60px 0 180px}
  .logns dl .padp{ padding:100px 0 0 40px}
   .logns dl .pads{ padding:0 0 100px 40px}
   .logns dl .padas{ margin:0}
.fontsz{color:#3F3F3F; font-size:12px; font-weight:normal;}

style.css

@charset "utf-8";
/* CSS Document */
img{border:none}
.lf{ float:left}
.rg{ float:right}
.tg{ text-align:right}
.blues,.blues a{ color:#0096ff}
.red,.red a{ color:#FF0000}
ul li,ul,p{ list-style:none;padding:0; margin:0}
.cl{ clear:both}
.f14{ font-size:14px}
 .bar ul{ float:left}
.wrap{ width:960px; margin:0 auto}
select,input,label,button,button{ vertical-align:middle}
.main{ padding:27px 0 0 70px; clear:both}
.spbg{ background:url(../images/buttom.jpg) no-repeat}
.sidebar{ width:443px; float:left}
.sidebarg{width:400px; float:right; padding:40px 0 0}
 .sidebarg label,.sidebarg input{float:left}
 .sidebarg label{width:50px; text-align:right}
.login{ padding:22px 0 0}
 .login dt{ font-weight:bold; font-size:14px; padding:0 0 5px}
 .login dd{ margin:0 0 8px; clear:both; line-height:18px; height:31px}
   .login dd span a{ text-decoration:underline; line-height:34px}
   .login dl .buttom{height:40px;}
.inputh{ width:215px; height:27px; border:1px solid #7F7F7F; color:#C1C1C1; margin:0 5px 0 0; line-height:24px}
.inputs{ width:114px}
.wordp{ height:27px; border:1px solid #7F7F7F; width:96px; margin:0 6px; cursor:pointer}
.buttombg{width:99px;height:37px;border:none; cursor:pointer; text-align:center; font-weight:bold; color:#fff; line-height:37px;margin:0 5px 0 0}
.buttomb{ background-position:-100px 0}
.fnone{margin:0 auto; float:none}
/*zhuce*/
.logns{ padding:22px 0 0 13px; width:490px; margin:0 auto}
.logns dd{ height:38px; padding:0 0 0 40px; margin:0;}
 .logns .adl{padding:48px 0 0 40px}
 .logns dl dd small{ color:#0096ff; font-size:12px;}
 .logns label{width:60px; text-align:right; margin:0 5px 0 0;float:left}
 .logns .labels{width:180px; text-align:left; float:none}
 .logns .labe{width:80px}
 .logns .laba{width:180px}
.logns .hegas{height:40px; margin:0}
/*list*/
.forms{margin:0 0 10px;}
.nwselect{ height:18px;border:1px solid #7eabab}
.nwinput{ width:120px; height:18px; border:1px solid #7eabab}
.sale{ clear:both; border-bottom:1px solid #ccc; height:47px; overflow:hidden; margin:0 0 10px;line-height:30px; _line-height:47px;}
.sale h1{ font-size:24px;}
.logout{ background:#EBF6FA; border:1px solid #C8E5F5; text-align:center; line-height:20px; width:60px; margin:20px 0 0}
.items{border:1px solid #7EABAB;line-height:28px}
.items .even{ background:#EBF6FA;}
.strong{font-weight:bold}
.rows{ height:28px; overflow:hidden;border-bottom:1px solid #7EABAB;}
.rows li{float:left; width:150px; text-align:center;border-right:1px solid #7EABAB;}
.rows .list-wd{ width:200px}
.rows .borderno{border:none}
/*list-single*/
.salebd{border:1px solid #7EABAB; padding:5px}
.borer-bt{border-bottom:1px solid #D0E3EF;}
.inputwd{border:1px solid #D0E3EF; height:19px;}
.sg-font{ width:500px;}
.sg-font .borderno{ width:300px; text-align:left;padding:0 0 0 8px}     
.sale-buttom{ width:70px; height:25px; line-height:25px;}
.sale-bg{ background:#D0E3EF}
.offer{padding:15px 0 0}
.offer .sg-font .borderno{ width:150px}
.textarea{width:440px; height:80px; margin:5px 0 0}
.produce{width:600px;padding:0}
.produce input{border:1px solid #7EABAB;}
.produce .hegas{padding:30px 0 0 100px}
.produce .dds{height:auto}
.marg10{margin:20px 0 0 20px}
.rulse{padding:15px 0 0}
.produce  label{ width:75px}
.produce h1{ font-size:26px; line-height:30px;}
.records .record{ width:300px;}
.records .rows{height:auto;_height:95px;overflow:hidden;}
.records .rowh{height:28px}
.records .rows p{height:25px;}
.records .rows li{border:none}
.page{padding:20px; text-align:center}
.page a{margin:0 5px}
.border-no{border-bottom:none}

images

ad20.jpg

butto.jpg

 

buttom.jpg

 

img1.jpg 

 img2.jpg