上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

延安企业微信公众号小程序开发公司、延安企业网页设计方案、延安做网站开发价格、延安微信公众号制作运营报价明细表、延安网站设计公司费用、延安网站推广大概需要多少钱

延安市，简称“延”，陕西省地级市，位于陕西省北部，地处黄河中游，黄土高原的中南地区，省会西安以北371千米。北连榆林，南接关中咸阳、铜川、渭南三市，东隔黄河与山西临汾、吕梁相望，西邻甘肃庆阳。总面积37037平方千米，被誉为“三秦锁钥，五路襟喉”。 [1-2] 

延安古称肤施、延州，是中华民族重要的发祥地，人文始祖黄帝曾居住在这一带，是天下第一陵——中华民族始祖黄帝的陵寝：黄帝陵所在地 [3-9]  ，是民族圣地、中国革命圣地，国务院首批公布的国家历史文化名城 [10-13]  。民国二十四年（1935年）10月，中共中央和中央红军顺利到达吴起镇，延安成为中国革命的落脚点和出发点，是全国革命根据地城市中旧址保存规模最大、数量最多、布局最为完整的城市 [10]  [14-15]  。党中央和毛主席等老一辈革命家在这里生活战斗了十三个春秋，领导了抗日战争和解放战争，培育了延安精神，是全国爱国主义、革命传统和延安精神三大教育基地 [16-20]  。延安是“双拥运动”发祥地，中国优秀旅游城市，有着“中国革命博物馆城”的美誉 [16-18]  。境内有各类文物遗址点8545处，其中革命遗址445处。

截至2019年，延安市下辖2个市辖区、10个县、代管1个县级市 [21]  ，常住人口225.57万人，城镇化率64.07% [22]  。2020年10月，被评为全国双拥模范城（县）。

概述

利用伪类实现从中间到两边的一个效果，其实这个效果是视觉误差造成产生的，当我们鼠标滑过的时候我们给的值为left：0，width：100%当我们把transiton属性去掉的话，这个效果就是left ：0和width：100%同时进行达到慢慢的展开造成了从中间向两边的展开效果。

先上效果图

style.css

<style type="text/css">
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
#box{
    margin-top: 50px;
}
#box ul{
    background: #d62f2f;
    text-align: center;
    box-shadow: 0 0 19px 0px #a0a0a0;
}
#box ul li{
    position: relative;
    padding: 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    font-family: cursive;
    cursor: pointer;
    color: #fff;
}
#box ul li:after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 2px;
    background: #3c2d2d;
}
#box ul li:hover:after{
    left: 0;
    transition: all 1s;
    width: 100%;
}
</style>

index.html

<div id="box">
    <ul>
        <li>网站制作</li>
        <li>前端分享</li>
        <li>seo优化</li>
        <li>搜索引擎优化</li>
    </ul>
</div>

延安企业微信公众号小程序开发公司、延安企业网页设计方案、延安做网站开发价格、延安微信公众号制作运营报价明细表、延安网站设计公司费用、延安网站推广大概需要多少钱

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）