网页底部浮动DIV调用代码,Css代码库,德仔网

代码语言

代码分类

【Css】网页底部浮动DIV调用

作者: / 发布于2018-4-8/ 56

浮动代码有一个CSS文件，需要把下面代码保存为style00.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>
<!-- 浮动/ -->

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label