您现在的位置是：网站首页> 编程资料编程资料

CSS3中新增的对文本和字体的设置css渐变色彩 省略标记 嵌入字体 文本阴影全面了解CSS 文本字体颜色设置方法(CSS color)CSS 有序或者无序列表的前面的标记 list-style-type 属性的实现CSS如何设置列表样式属性(看这篇文章就够用了)CSS字体、文本、列表属性详细介绍

2023-10-18 361人已围观

简介 这篇文章主要介绍了CSS3中新增的对文本和字体的设置,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

文字阴影

text-shadow: 水平偏移 垂直偏移 模糊 颜色

兼容性：IE10+

Document
这是一段测试文本鸭

css3 换行

word-break: normal | break-all | keep-all

对于英文文本：normal 和 keep-all 效果相同；break-all 即字母和字母见换行，不考虑单词的影响

对于中文文本：normal 和 break-all 效果相同；keep-all 即根据标点符号换行

Document
[word-break:normal] I have a dream that one day on the red hills of Georgia, the sons of former slaves and the sons of former slave owners will be able to sit down together at the table of brotherhood.
[word-break:break-all] I have a dream that one day on the red hills of Georgia, the sons of former slaves and the sons of former slave owners will be able to sit down together at the table of brotherhood.
[word-break:keep-all] I have a dream that one day on the red hills of Georgia, the sons of former slaves and the sons of former slave owners will be able to sit down together at the table of brotherhood.
[word-break:normal] 我梦想有一天，这个国家会站立起来，真正实现其信条的真谛：“我们认为人人生而平等的真理不言而喻。”我梦想有一天，在佐治亚的红山上，从前奴隶的后嗣将能够和奴隶主的后嗣坐在一起，共叙兄弟情谊。
[word-break:break-all] 我梦想有一天，这个国家会站立起来，真正实现其信条的真谛：“我们认为人人生而平等的真理不言而喻。”我梦想有一天，在佐治亚的红山上，从前奴隶的后嗣将能够和奴隶主的后嗣坐在一起，共叙兄弟情谊。.
[word-break:keep-all] 我梦想有一天，这个国家会站立起来，真正实现其信条的真谛：“我们认为人人生而平等的真理不言而喻。”我梦想有一天，在佐治亚的红山上，从前奴隶的后嗣将能够和奴隶主的后嗣坐在一起，共叙兄弟情谊。

word-wrap 针对连续的英文长单词或者url网址（中文无效）

word-wrap:normal | break-word;

Document
[word-wrap:normal]
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
[word-wrap:break-word]
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

text-align-last 文本最后一行如何对齐

只有IE支持，火狐需要加-moz-前缀，谷歌50+支持

Document
autoHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
leftHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
rightHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
centerHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
justifyHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
startHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
endHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
initialHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
inheritHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

text-align-last 只在text-align:justify 时才有效

text-overflow

使用时需要设置元素为overflow:hidden;

中文无效，英文短单词无效，只对英文长单词有效

Document
clipHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
ellipsisHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
stringHTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
clipI have a dream that one day on the red hills of Georgia, the sons of former slaves and the sons of former slave owners will be able to sit down together at the table of brotherhood.
ellipsisI have a dream that one day on the red hills of Georgia, the sons of former slaves and the sons of former slave owners will be able to sit down together at the table of brotherhood.
stringI have a dream that one day on the red hills of Georgia, the sons of former slaves and the sons of former slave owners will be able to sit down together at the table of brotherhood.
clipaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
ellipsisaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
stringaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

text-overflow:clip; 隐藏

text-overflow:ellipsis; 省略号

text-overflow:string; 指定字符，只在火狐浏览器有效

Document
clipaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
ellipsisaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
stringaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

overflow: visible | hidden | scroll | auto | inherit

鼠标悬浮时显示隐藏的文字

Document
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

@font-face 兼容性 IE9+

字体格式

TrueType .ttf 无优化 兼容性IE9+

OpenType .otf 是ttf的升级版，不兼容IE

.woff web版本最佳字体格式 是TrueType/OpenType的压缩格式 兼容性IE9+ 但是不能兼容手机端！

.eot IE专用字体格式

.svg svg字体格式 IE和火狐都不兼容

自定义字体通用模板

Docum
                <p class="share"><b>提示：</b>
                    本文由<b>神</b>整理自网络，如有侵权请联系本站删除！
                    <br/>
                    本站声明： <br/>
                    1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持； <br/>
                    2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！
                </p>
                <p><span class="diggit"></span></p>
                <div class="nextinfo">
                                            <p>上一篇：<a href="/programinfo/?id=136442">通过css3背景控制属性+使用颜色过渡实现渐变效果css3实现背景动态渐变效果css3 给背景设置渐变色的方法用CSS3实现背景渐变的方法CSS3实现渐变背景兼容问题</a></p>
                                                                <p>下一篇：<a href="/programinfo/?id=136444">Css和JS实现下划线动效的方法示例不可思议的CSS导航栏下划线跟随效果CSS3之transition实现下划线的示例代码纯CSS实现导航栏下划线跟随的示例代码纯CSS实现导航栏下划线跟随滑动效果css3+伪元素实现鼠标移入时下划线向两边展开的效果CSS3制作hover下划线动画CSS3绘制有活力的链接下划线CSS中的下划线text-decoration属性使用进阶div css布局命名时尽量避免下划线使用CSS去掉网页中超链接的下划线示例</a></p>
                                    </div>
            </div>
        </div>
        <div class="whitebg">
            <h2 class="htitle">相关内容</h2>
            <ul class="otherlink">
                                    <li><a href="/programinfo/?id=136442">通过css3背景控制属性+使用颜色过渡实现渐变效果css3实现背景动态渐变效果css3 给背景设置渐变色的方法用CSS3实现背景渐变的方法CSS3实现渐变背景兼容问题</a></li>
                                    <li><a href="/programinfo/?id=136441">CSS3动画特效在活动页中的应用css3中transform属性实现的4种功能详解CSS3.0(Cascading Style Sheet) 层叠级联样式表纯CSS3实现div按照顺序出入效果CSS3实现列表无限滚动/轮播效果css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效CSS3实现的侧滑菜单CSS3实现的3D隧道效果用CSS3画一个爱心css3 实现文字闪烁效果的三种方式示例代码六种css3实现的边框过渡效果</a></li>
                                    <li><a href="/programinfo/?id=136440">如何用border-image实现文字气泡边框的示例代码</a></li>
                                    <li><a href="/programinfo/?id=136439">CSS实现放大缩小关闭按钮(实例代码)HTML5+CSS3内置功能按钮提示框带有关闭小图标CSS3多颜色带图标提示插件可点击关闭按钮来关闭</a></li>
                                    <li><a href="/programinfo/?id=136438">css复杂选择器及css字体样式、颜色属性详解css3的focus-within选择器的使用CSS选择器中的正则表达式使用巧用CSS属性值正则匹配选择器(小技巧)css选择器四大类：基本、组合、属性、伪类详解如何使用CSS3中的结构伪类选择器和伪元素选择器CSS3 新增选择器的实例css3 伪类选择器快速复习小结CSS 样式的使用方式、选择器 盘点CSS Selectors Level4中新增的选择器CSS 中的六个重要选择器(三秒就可以记住)</a></li>
                                    <li><a href="/programinfo/?id=136437">深入理解CSS中的数学表达式calc()css3中的calc函数浅析巧用CSS3的calc()宽度计算做响应模式布局的方法CSS3 calc()会计算属性详解详解CSS 3 中的 calc() 方法浅谈css3中calc在less编译时被计算的解决办法CSS3 Calc实现滚动条出现页面不跳动问题 CSS3的calc()做响应模式布局的实现方法CSS3 函数技巧 用css 实现js实现的事情(clac Counters  Tooltip)</a></li>
                                    <li><a href="/programinfo/?id=136436">CSS3实现网站商品展示效果图HTML5+CSS3：3D展示商品信息示例</a></li>
                                    <li><a href="/programinfo/?id=136435">全民英雄敏捷英雄小黑怎么样_小黑全方位解析_手机游戏_游戏攻略_</a></li>
                                    <li><a href="/programinfo/?id=136434">全民英雄神谕者出装攻略心得_智力英雄神谕者怎么出装_手机游戏_游戏攻略_</a></li>
                                    <li><a href="/programinfo/?id=136433">街机海贼王 女航海士职业详细介绍_手机游戏_游戏攻略_</a></li>
                            </ul>
        </div>
    </div>
    <div class="rbox">
        <div class="whitebg paihang">
            <h2 class="htitle">点击排行</h2>
            <ul>
                                    <li><i></i><a href="/programinfo/?id=1208905">唯唯绸否猜打一最佳正确生肖[最佳成语最佳释义解释答]</a></li>
                                    <li><i></i><a href="/programinfo/?id=154665">TYSB手游公测版下载-TYSB官方唯一正版手游下载 _安卓网</a></li>
                                    <li><i></i><a href="/programinfo/?id=1208911">士绅名流代表是指什么生肖数字，成语释义解释落实</a></li>
                                    <li><i></i><a href="/programinfo/?id=1208910">士绅名流代表什么生肖，成语释义解释落实</a></li>
                                    <li><i></i><a href="/programinfo/?id=1208903">洗牌猫下载-洗牌猫(卡牌对战)Shuffle Cats v0.14.8_安卓网</a></li>
                                    <li><i></i><a href="/programinfo/?id=1208902">丛林动物宝宝发型沙龙游戏-丛林动物宝宝发型沙龙(休闲装扮)Baby Jungle Animal Hair Salon v1.0.10_安卓网</a></li>
                                    <li><i></i><a href="/programinfo/?id=1208909">士绅名流是指代表什么生肖、释义成语解释落实</a></li>
                                    <li><i></i><a href="/programinfo/?id=1208895">超人跑跑游戏下载-超人跑跑(横版动漫酷跑) v1.0.0_安卓网</a></li>
                            </ul>
        </div>
        <div class="whitebg tuijian">
            <h2 class="htitle">本栏推荐</h2>
            <ul>
                                    <li>
                        <a href="/programinfo/?id=436025">
                                                        <p>pandas获取对应的行或者列方式_python_</p>
                        </a>
                    </li>
                                    <li>
                        <a href="/programinfo/?id=436024">
                                                            <i>
                                    <img src="//img.jbzj.com/file_images/article/202402/202402240855301.jpg" onerror="javascript:this.src='/static/images/1.jpg';">
                                </i>
                                                        <p>pandas如何获取某个数据的行号_python_</p>
                        </a>
                    </li>
                                    <li>
                        <a href="/programinfo/?id=436023">
                                                            <i>
                                    <img src="//img.jbzj.com/file_images/article/202402/202402240916472.png" onerror="javascript:this.src='/static/images/1.jpg';">
                                </i>
                                                        <p>python进程池Pool中apply方法与apply_async方法的区别_python_</p>
                        </a>
                    </li>
                                    <li>
                        <a href="/programinfo/?id=436022">
                                                        <p>python array中关于[a，b，c]的使用方式_python_</p>
                        </a>
                    </li>
                                    <li>
                        <a href="/programinfo/?id=436021">
                                                            <i>
                                    <img src="//img.jbzj.com/file_images/article/202402/202402240929274.jpg" onerror="javascript:this.src='/static/images/1.jpg';">
                                </i>
                                                        <p>Python进程multiprocessing.Process()的使用解读_python_</p>
                        </a>
                    </li>
                                    <li>
                        <a href="/programinfo/?id=436020">
                                                        <p>selenium常用API的使用过程记录（包括自动登录）_python_</p>
                        </a>
                    </li>
                                    <li>
                        <a href="/programinfo/?id=436019">
                                                        <p>Python使用multiprocessing如何实现多进程_python_</p>
                        </a>
                    </li>
                            </ul>
        </div>

        <div class="whitebg wenzi">
            <h2 class="htitle">猜你喜欢</h2>
            <ul>
                                    <li><a href="/programinfo/?id=436025">pandas获取对应的行或者列方式_python_</a></li>
                                    <li><a href="/programinfo/?id=436024">pandas如何获取某个数据的行号_python_</a></li>
                                    <li><a href="/programinfo/?id=436023">python进程池Pool中apply方法与apply_async方法的区别_python_</a></li>
                                    <li><a href="/programinfo/?id=436022">python array中关于[a，b，c]的使用方式_python_</a></li>
                                    <li><a href="/programinfo/?id=436021">Python进程multiprocessing.Process()的使用解读_python_</a></li>
                                    <li><a href="/programinfo/?id=436020">selenium常用API的使用过程记录（包括自动登录）_python_</a></li>
                                    <li><a href="/programinfo/?id=436019">Python使用multiprocessing如何实现多进程_python_</a></li>
                            </ul>
        </div>
    </div>
</article>
<footer>
    <div class="box">
        <div class="wxbox">
            <ul>

                <li><img src="/static/images/wx.png"><span>我的微信</span></li>
            </ul>
        </div>
        <div class="endnav">
            <p><b>关于我们</b></p>
            <p>神代码(http://dindongji.cn
                )是IT资源下载与IT技能学习平台。js代码网收集整理了最新IT开发视频教程、网站模板、网站源码、js特效(插件)等，充分满足IT用户对不同类型资源的下载需求。代码网拒绝滥竽充数，我们只提供精品资源！
                <a data-ext-mark="custom-02"
                   href="http://wpa.qq.com/msgrd?v=3&uin=512953070&site=qq&menu=yes" rel="nofollow"
                   class="btn-contact custom-w" target="_blank" style="color: #448aff;">
                    站长QQ:512953070
                </a>
                本站会员：603
            </p>
            <p>© 技术支持：<a href="http://dindongji.cn" title="神代码" target="_blank">神代码（http://dindongji.cn）</a>

                                    <a href="http://blog.sixgod.net/programinfo/?id=136443" title="blog.sixgod.net" target="_blank">blog.sixgod.net</a>
                                    <a href="http://blog.haifeisi.net/programinfo/?id=136443" title="blog.haifeisi.net" target="_blank">blog.haifeisi.net</a>
                                    <a href="http://blog.flerken.cn/programinfo/?id=136443" title="blog.flerken.cn" target="_blank">blog.flerken.cn</a>
                                    <a href="http://blog.bieha.cn/programinfo/?id=136443" title="blog.bieha.cn" target="_blank">blog.bieha.cn</a>
                                    <a href="http://blog.miuti.cn/programinfo/?id=136443" title="blog.miuti.cn" target="_blank">blog.miuti.cn</a>
                                    <a href="http://blog.dk028.com/programinfo/?id=136443" title="blog.dk028.com" target="_blank">blog.dk028.com</a>
                                    <a href="http://blog.scflcp.cn/programinfo/?id=136443" title="blog.scflcp.cn" target="_blank">blog.scflcp.cn</a>
                                    <a href="http://blog.bzbl.cn/programinfo/?id=136443" title="blog.bzbl.cn" target="_blank">blog.bzbl.cn</a>
                                    <a href="http://blog.mlft.cn/programinfo/?id=136443" title="blog.mlft.cn" target="_blank">blog.mlft.cn</a>
                                    <a href="http://blog.7zz.net/programinfo/?id=136443" title="blog.7zz.net" target="_blank">blog.7zz.net</a>
                                    <a href="http://blog.liuyifei.net/programinfo/?id=136443" title="blog.liuyifei.net" target="_blank">blog.liuyifei.net</a>
                                    <a href="http://blog.58t.net/programinfo/?id=136443" title="blog.58t.net" target="_blank">blog.58t.net</a>
                                    <a href="http://blog.yamiao.net/programinfo/?id=136443" title="blog.yamiao.net" target="_blank">blog.yamiao.net</a>
                                    <a href="http://blog.caclrc.cn/programinfo/?id=136443" title="blog.caclrc.cn" target="_blank">blog.caclrc.cn</a>
                                    <a href="http://blog.rgbbs.cn/programinfo/?id=136443" title="blog.rgbbs.cn" target="_blank">blog.rgbbs.cn</a>
                                    <a href="http://blog.heiapp.net/programinfo/?id=136443" title="blog.heiapp.net" target="_blank">blog.heiapp.net</a>
                                    <a href="http://blog.zhfjx.cn/programinfo/?id=136443" title="blog.zhfjx.cn" target="_blank">blog.zhfjx.cn</a>
                                    <a href="http://blog.sshfy.cn/programinfo/?id=136443" title="blog.sshfy.cn" target="_blank">blog.sshfy.cn</a>
                                    <a href="http://blog.sxdgc.cn/programinfo/?id=136443" title="blog.sxdgc.cn" target="_blank">blog.sxdgc.cn</a>
                                    <a href="http://blog.28city.cn/programinfo/?id=136443" title="blog.28city.cn" target="_blank">blog.28city.cn</a>
                                    <a href="http://blog.etcb.cn/programinfo/?id=136443" title="blog.etcb.cn" target="_blank">blog.etcb.cn</a>
                                    <a href="http://blog.abdayah.cn/programinfo/?id=136443" title="blog.abdayah.cn" target="_blank">blog.abdayah.cn</a>
                                    <a href="http://blog.ddbdzs.cn/programinfo/?id=136443" title="blog.ddbdzs.cn" target="_blank">blog.ddbdzs.cn</a>
                                    <a href="http://blog.hyflex.cn/programinfo/?id=136443" title="blog.hyflex.cn" target="_blank">blog.hyflex.cn</a>
                                    <a href="http://blog.11855.cn/programinfo/?id=136443" title="blog.11855.cn" target="_blank">blog.11855.cn</a>
                                    <a href="http://blog.11566.cn/programinfo/?id=136443" title="blog.11566.cn" target="_blank">blog.11566.cn</a>
                                    <a href="http://blog.11355.cn/programinfo/?id=136443" title="blog.11355.cn" target="_blank">blog.11355.cn</a>
                                    <a href="http://blog.62622.cn/programinfo/?id=136443" title="blog.62622.cn" target="_blank">blog.62622.cn</a>
                                    <a href="http://blog.cbwq.cn/programinfo/?id=136443" title="blog.cbwq.cn" target="_blank">blog.cbwq.cn</a>
                                    <a href="http://blog.zrqm.cn/programinfo/?id=136443" title="blog.zrqm.cn" target="_blank">blog.zrqm.cn</a>
                                    <a href="http://blog.rlfm.cn/programinfo/?id=136443" title="blog.rlfm.cn" target="_blank">blog.rlfm.cn</a>
                                    <a href="http://blog.pbtb.cn/programinfo/?id=136443" title="blog.pbtb.cn" target="_blank">blog.pbtb.cn</a>
                                    <a href="http://blog.knlz.cn/programinfo/?id=136443" title="blog.knlz.cn" target="_blank">blog.knlz.cn</a>
                                    <a href="http://blog.rhwf.cn/programinfo/?id=136443" title="blog.rhwf.cn" target="_blank">blog.rhwf.cn</a>
                                    <a href="http://blog.dxfp.cn/programinfo/?id=136443" title="blog.dxfp.cn" target="_blank">blog.dxfp.cn</a>
                                    <a href="http://blog.rptb.cn/programinfo/?id=136443" title="blog.rptb.cn" target="_blank">blog.rptb.cn</a>
                                    <a href="http://blog.nzjg.cn/programinfo/?id=136443" title="blog.nzjg.cn" target="_blank">blog.nzjg.cn</a>
                                    <a href="http://blog.ygnl.cn/programinfo/?id=136443" title="blog.ygnl.cn" target="_blank">blog.ygnl.cn</a>
                                    <a href="http://blog.rxbg.cn/programinfo/?id=136443" title="blog.rxbg.cn" target="_blank">blog.rxbg.cn</a>
                                    <a href="http://blog.rfbc.cn/programinfo/?id=136443" title="blog.rfbc.cn" target="_blank">blog.rfbc.cn</a>
                                    <a href="http://blog.rwbs.cn/programinfo/?id=136443" title="blog.rwbs.cn" target="_blank">blog.rwbs.cn</a>
                                    <a href="http://blog.music.liuyifei.net/programinfo/?id=136443" title="blog.music.liuyifei.net" target="_blank">blog.music.liuyifei.net</a>
                                    <a href="http://blog.img.liuyifei.net/programinfo/?id=136443" title="blog.img.liuyifei.net" target="_blank">blog.img.liuyifei.net</a>
                                    <a href="http://blog.drnu.cn/programinfo/?id=136443" title="blog.drnu.cn" target="_blank">blog.drnu.cn</a>
                                    <a href="http://blog.wyim.cn/programinfo/?id=136443" title="blog.wyim.cn" target="_blank">blog.wyim.cn</a>
                                    <a href="http://blog.dvtg.cn/programinfo/?id=136443" title="blog.dvtg.cn" target="_blank">blog.dvtg.cn</a>
                                    <a href="http://blog.fvhc.cn/programinfo/?id=136443" title="blog.fvhc.cn" target="_blank">blog.fvhc.cn</a>
                                    <a href="http://blog.lble.cn/programinfo/?id=136443" title="blog.lble.cn" target="_blank">blog.lble.cn</a>
                                    <a href="http://blog.mvhu.cn/programinfo/?id=136443" title="blog.mvhu.cn" target="_blank">blog.mvhu.cn</a>
                                    <a href="http://blog.uesese.cn/programinfo/?id=136443" title="blog.uesese.cn" target="_blank">blog.uesese.cn</a>
                                    <a href="http://blog.ikuns.cc/programinfo/?id=136443" title="blog.ikuns.cc" target="_blank">blog.ikuns.cc</a>
                                    <a href="http://blog.02613.cn/programinfo/?id=136443" title="blog.02613.cn" target="_blank">blog.02613.cn</a>
                                    <a href="http://blog.lymzi.cn/programinfo/?id=136443" title="blog.lymzi.cn" target="_blank">blog.lymzi.cn</a>
                                    <a href="http://blog.ktoa.cn/programinfo/?id=136443" title="blog.ktoa.cn" target="_blank">blog.ktoa.cn</a>
                                    <a href="http://blog.73216.cn/programinfo/?id=136443" title="blog.73216.cn" target="_blank">blog.73216.cn</a>
                                    <a href="http://blog.crtwd.cn/programinfo/?id=136443" title="blog.crtwd.cn" target="_blank">blog.crtwd.cn</a>
                                    <a href="http://blog.szmdx.cn/programinfo/?id=136443" title="blog.szmdx.cn" target="_blank">blog.szmdx.cn</a>
                                    <a href="http://blog.kylkc.cn/programinfo/?id=136443" title="blog.kylkc.cn" target="_blank">blog.kylkc.cn</a>
                                    <a href="http://blog.dztmd.cn/programinfo/?id=136443" title="blog.dztmd.cn" target="_blank">blog.dztmd.cn</a>
                                    <a href="http://blog.pmhlw.cn/programinfo/?id=136443" title="blog.pmhlw.cn" target="_blank">blog.pmhlw.cn</a>
                                    <a href="http://blog.gfxtk.cn/programinfo/?id=136443" title="blog.gfxtk.cn" target="_blank">blog.gfxtk.cn</a>
                                    <a href="http://blog.tzpc.cn/programinfo/?id=136443" title="blog.tzpc.cn" target="_blank">blog.tzpc.cn</a>
                                    <a href="http://blog.jbqm.cn/programinfo/?id=136443" title="blog.jbqm.cn" target="_blank">blog.jbqm.cn</a>
                                    <a href="http://blog.sh3.cn/programinfo/?id=136443" title="blog.sh3.cn" target="_blank">blog.sh3.cn</a>
                                    <a href="http://blog.7sh.cn/programinfo/?id=136443" title="blog.7sh.cn" target="_blank">blog.7sh.cn</a>
                                    <a href="http://blog.95596.net/programinfo/?id=136443" title="blog.95596.net" target="_blank">blog.95596.net</a>
                                    <a href="http://blog.95540.net/programinfo/?id=136443" title="blog.95540.net" target="_blank">blog.95540.net</a>
                                    <a href="http://blog.12383.net/programinfo/?id=136443" title="blog.12383.net" target="_blank">blog.12383.net</a>
                                    <a href="http://blog.12363.net/programinfo/?id=136443" title="blog.12363.net" target="_blank">blog.12363.net</a>
                                    <a href="http://blog.boboji.net/programinfo/?id=136443" title="blog.boboji.net" target="_blank">blog.boboji.net</a>
                                    <a href="http://blog.r515.cn/programinfo/?id=136443" title="blog.r515.cn" target="_blank">blog.r515.cn</a>
                                    <a href="http://blog.g2050.cn/programinfo/?id=136443" title="blog.g2050.cn" target="_blank">blog.g2050.cn</a>
                                    <a href="http://blog.bbc888.com/programinfo/?id=136443" title="blog.bbc888.com" target="_blank">blog.bbc888.com</a>
                                    <a href="http://blog.ha123.net.cn/programinfo/?id=136443" title="blog.ha123.net.cn" target="_blank">blog.ha123.net.cn</a>
                                    <a href="http://blog.dindongji.com/programinfo/?id=136443" title="blog.dindongji.com" target="_blank">blog.dindongji.com</a>
                                    <a href="http://blog.dindongji.cn/programinfo/?id=136443" title="blog.dindongji.cn" target="_blank">blog.dindongji.cn</a>
                                    <a href="http://blog.dindongji.net/programinfo/?id=136443" title="blog.dindongji.net" target="_blank">blog.dindongji.net</a>
                                    <a href="http://blog.touyin.net/programinfo/?id=136443" title="blog.touyin.net" target="_blank">blog.touyin.net</a>
                                    <a href="http://blog.ludan.net/programinfo/?id=136443" title="blog.ludan.net" target="_blank">blog.ludan.net</a>
                                    <a href="http://blog.xshell.net/programinfo/?id=136443" title="blog.xshell.net" target="_blank">blog.xshell.net</a>
                                    <a href="http://blog.zdbcwf.com/programinfo/?id=136443" title="blog.zdbcwf.com" target="_blank">blog.zdbcwf.com</a>
                            </p>

        </div>
    </div>
    <a href="#">
        <div class="top"></div>
    </a></footer>
<style type="text/css">
    #zfbhb {
        background-color: aliceblue;
        width: 200px;
        position: fixed;
        left: 5px;
        bottom: 200px;
    }

    #zfbhb img {
        width: 200px;
    }

    #zfbhb1 {
        background-color: aliceblue;
        width: 150px;
        position: fixed;
        right: 5px;
        bottom: 40px;
    }

    #zfbhb1 img {
        width: 150px;
        margin-top: 10px;
        height: 80px;
    }

    @media  screen and (min-width: 1px) and (max-width: 1023px) {
        #zfbhb {
            width: 100px !important;
        }

        #zfbhb img {
            width: 100px;
        }

        #zfbhb1 {
            background-color: aliceblue;
            width: 80px;
            position: fixed;
            right: 5px;
            bottom: 30px;
        }

        #zfbhb1 img {
            width: 80px;
            margin-top: 10px;
            height: 30px;
        }
    }

</style>

<div id="zfbhb">
    <img src="/static/images/zfbhb.png" alt="">
</div>
<div id="zfbhb1">
    <a href="#" target="_blank">
        <img src="/static/images/ad.gif" alt="-六神源码网"/>
    </a>
            <a href="/xiaoshuoliebiao/0/1.html" target="_blank"><img src="http://img.liuyifei.net/uploads/20250405/90f7d443007aeac93ead6cbd5fec9cd6.jpg"
                                                      onerror="javascript:this.src='/static/images/ad.gif';"></a>
            <a href="/xiaoshuoliebiao/0/1.html" target="_blank"><img src="http://img.liuyifei.net/uploads/20250405/90f7d443007aeac93ead6cbd5fec9cd6.jpg"
                                                      onerror="javascript:this.src='/static/images/ad.gif';"></a>
            <a href="/xiaoshuoliebiao/0/1.html" target="_blank"><img src="http://img.liuyifei.net/uploads/20250405/90f7d443007aeac93ead6cbd5fec9cd6.jpg"
                                                      onerror="javascript:this.src='/static/images/ad.gif';"></a>
            <a href="/xiaoshuoliebiao/0/1.html" target="_blank"><img src="http://img.liuyifei.net/uploads/20250405/90f7d443007aeac93ead6cbd5fec9cd6.jpg"
                                                      onerror="javascript:this.src='/static/images/ad.gif';"></a>
            <a href="/xiaoshuoliebiao/0/1.html" target="_blank"><img src="http://img.liuyifei.net/uploads/20250405/90f7d443007aeac93ead6cbd5fec9cd6.jpg"
                                                      onerror="javascript:this.src='/static/images/ad.gif';"></a>
            <a href="/xiaoshuoliebiao/0/1.html" target="_blank"><img src="http://img.liuyifei.net/uploads/20250405/90f7d443007aeac93ead6cbd5fec9cd6.jpg"
                                                      onerror="javascript:this.src='/static/images/ad.gif';"></a>
    </div>
<script src="/static/js/jquery-1.8.3.min.js"></script>
<script src="/static/js/comm.js"></script>
<!--[if lt IE 9]>
<script src="/static/js/modernizr.js"></script>
<![endif]-->
    <script src="/static/js/tongji.js"></script>
</body>
</html>