网站内页之网页底部浮动DIV调用代码的使用

  • 内容
  • 相关

做的寄生虫也不是所有的都需要调整之内,需要打开之后让浏览者更方便的看见 我们需要看见的 例如: 电话 QQ号 微信号等等
那我们就可以靠在网页插入css文件实现这个功能 ,

浮动代码是一个css文件,把下列代码保存为css格式

Xx.css

@charset "utf-8";
/* X CSS Document Y */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
a{color:#333;text-decoration:none}
ul,li{list-style:none; margin:0px; padding:0px;}
img{border:0;vertical-align:middle;}
em{ font-style:normal;}

.float_qb{ position:fixed; z-index:1000; bottom:0; width:100%; left:0; background:#fcfcfc; padding:5px 10px; line-height:20px; color:#000; font-weight:normal; border:#eee 1px solid; box-sizing:border-box; font-size:14px;}
.float_qb h5{ font-weight:bold; }
.float_qb dt{ float:left; width:40px; margin-right:10px;}
.float_qb dt img{ width:100%;}
.float_qb dd{ overflow:hidden;}
.float_qb dd span{ background:#F00; color:#fff; font-weight:bold; padding:0 5px; font-weight:bold; font-size:16px;}

 将下面这段话插入网页中即可。

<!-- 浮动/ -->
<link rel="stylesheet" type="text/css" href="style00.css">
<div class="float_qb">
                          <dl>
                            <dt><img src="tubiao.png"></dt>
                            <dd>
                <h5></h5>
                了解更多xxx,加我qq:<span>888888</span>←xxxxxxxxxxxxxx</dd>
                            </dl>
</div><!-- 浮动/ -->

 

 

打开网页即可看到底部浮动的样式效果。

这对于做网站单页、繁殖页、竞价单页都可以用这个浮动代码 别你在网页头部写标题效果好的多 因为他醒目。

 

本文标签:

版权声明:若无特殊注明,本文皆为《颓废》原创,转载请保留文章出处。

收录状态:[百度已收录] | [360已收录] | [搜狗已收录]

本文链接:网站内页之网页底部浮动DIV调用代码的使用 - https://www.0dayhack.com/post-94.html

严重声明:本站内容来自于互联网,仅适于网络安全技术爱好者学习研究使用,学习中请遵循国家相关法律法规,黑客不是骇客,黑客维护网络安全

发表评论

电子邮件地址不会被公开。 必填项已用*标注