肥城小程序制作【肥城企业邮箱】肥城网站外包、肥城微信商城开发、肥城网店美工、肥城淘宝设计

肥城小程序制作【肥城企业邮箱】肥城网站外包、肥城微信商城开发、肥城网店美工、肥城淘宝设计

肥城市地处山东中部、泰山西麓,是资源丰富的鲁中宝地，闻名中外的肥桃之乡。是全国明星市、综合实力百强县（市）和山东省经济强县（市）、精神文明建设先进市。肥城有着丰富的历史文化，古称“君子之邑”，是史圣左丘明的家乡，商圣范蠡最后的定居之地。在近代也有着光荣的革命历史，著名的泰西抗日武装起义和罗荣桓、陈光指挥的陆房战斗就发生在肥城。

1. 打开html开发软件，在html开发工具中新建一个html代码页面。

   
2. 在html代码页面上创建一个<div>标签，然后给这个<div>添加一个class类(icon-down)。

   
3. 使用css制作一条竖线。在<title>标签后面新建一个<style>,然后在<style>标签里面创建一条竖线。

   css样式代码：

   <style>

   .icon-down{

   width:2px;

   height: 50px;

   border:none;

   background-color: #ccc;

   margin: 20px auto;

   position: relative;

   }

    

   </style>

   
4. 保存html代码页面，然后使用浏览器查看，浏览器页面上会显示一条竖线。

   
5. 回到html代码页面，使用css伪类after设置一个向下的箭头符号。

   css样式：

   .icon-down::after{

   content: "";

   width:30px;

   height: 30px;

   border-right: 3px solid #ccc;

   border-bottom: 3px solid #ccc;

   transform: rotate(45deg);

   position: absolute;

   bottom: 3px;

   left: -16px;

   }

   
6. 保存html代码页面，使用浏览器打开，即可看到浏览器上显示一个下载的小图标。

   

兼容移动终端

手机网站无需下载跨平台使用，任何手机系统和平板系统都支持，只要有浏览器就可以；

手机方便快捷更高效

手机网站和传统网站相比数据量小，传统网站的数据量十分巨大，但是手机网站具有目的性强的特点，针对最重要的信息、资源进行添加，达到快速访问的效果。

网页更直观而且不凌乱

由于手机屏幕较小，而传统网站网页较大，不易浏览全面，因此不能给用户带来很好的体验，而做成手机网站后就能很好地适应手机浏览器。

智能适配，自动跳转

当用户用手机打开网站页面时，实现自动跳转到手机网页。

肥城小程序制作【肥城企业邮箱】肥城网站外包、肥城微信商城开发、肥城网店美工、肥城淘宝设计