手机端网站底部加固定横条电话首页联系我们

作者 : Maria Orlova 发布时间: 2021-04-30 共22人阅读

里面包含三个png素材,可以直接下载:

链接:https://pan.baidu.com/s/1MFCBF_ZJ1i1Dw9XhjI3iDw
提取码:tiyj

直接上代码:

<p><br></p>
<!--增加拨打电话-->
<style>
/*底部*/
.foc {
	position: fixed;
	z-index: 10000;
	bottom: 0;
	width: 100%;
	max-width: 640px;
	clear: both;
	background: #FFF;
}
.foc span {
	width: 33.17%;
	text-align: center;
	background: #222;
	cursor: pointer;
	margin-top: 1px;
}
.foc span img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.fl {
    float: left;
}

.mr1 {
    margin-right: 1px;
}
.fr {
    float: right;
}
</style>
<div class="foc">
  <span class="fl mr1">
    <a href="/">
      <img src="/skin/img/d1.png" title="返回首页"></a>
  </span>
  <span class="fl">
    <a href="tel:1334567890">
      <img src="/skin/img/d2.png" title="拨打电话"></a>
  </span>
  <span class="fr">
    <a href="#">
      <img src="/skin/img/d3.png" title="联系我们"></a>
  </span>
</div>
<!--增加拨打电话-->