旅游展示网站-前端网页设计技术完整精美源码HTML+CSS+JS

微信微信官方账号:创享日记
发送：旅游网站
获取完整的源码(打开即可使用)

---

效果①首页主页

效果②关于我们页

效果③服务页面

效果④能力页

/*=================================================================页面重置=================================================================*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ 
       margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top;}:focus{ 
       outline:0;}body{ 
       line-height:1;color:black;background:white;}body a{ 
       outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;}ol,ul{ 
       list-style:none;}table{ 
       border-collapse:separate;border-spacing:0;}caption,th,td{ 
       text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{ 
       content:"";}blockquote,q{ 
       quotes:"" "";}select,input,img,textarea{ 
       vertical-align:middle;outline:none;}* html,* html body{ 
       background-image:url(about:blank);background-attachment:fixed;font-size:12px;font-family:simsun;}
/*=================================================================文字排版=================================================================*/
.f13{ 
       font-size:13px}
.f14{ 
       font-size:14px}
.f16{ 
       font-size:16px}
.f20{ 
       font-size:20px}
.fb{ 
       font-weight:bold}
.fn{ 
       font-weight:normal}
.t2{ 
       text-indent:2em}
.lh22{ 
       line-height:22px}
.lh24{ 
       line-height:24px}
.unl{ 
       text-decoration:underline}
/*=================================================================定位=====================================================================*/
.tl{ 
       text-align:left}
.tc{ 
       text-align:center}
.tr{ 
       text-align:right}
.bc{ 
       margin:0 auto}
.fl{ 
       float:left;display:inline}
.fr{ 
       float:right;display:inline}
.clearfix:after { 
       visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} .clearfix{ 
       *zoom:1;} /*清理盒子内部浮动，无毒副作用*/
.cb{ 
       clear:both}
.cl{ 
       clear:left}
.cr{ 
       clear:right}
.vm{ 
       vertical-align:middle}
.vt{ 
       vertical-align:top}
.vb{ 
       vertical-align:bottom}
.pr{ 
       position:relative}
.pa{ 
       position:absolute}
.fixed{ 
       position:fixed}
.zoom{ 
       zoom:1}
.hidden{ 
       visibility:hidden}
.none{ 
       display:none}
.oh{ 
       overflow:hidden}
.block{ 
       display:block}
/*=================================================================补充=====================================================================*/
.ellipsis{ 
       overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wn{ 
       white-space:nowrap}
.transparen{ 
       filter:alpha(opacity=0);opacity:0}
.fixedBR{ 
       position:fixed;bottom:10px;right:10px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-10))}

效果⑤最近的旅行页

效果⑥团队成员页

效果⑦旅行博客页

效果⑧联系我们页