以图换字

转载于 2017-08-21 17:23:00 发布 · 109 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gaidalou/p/7405603.html

文章标签：

#爬虫

本文介绍了一种利用CSS技术隐藏网页标题文字的方法，通过设置背景图片并调整元素高度及溢出属性，使得原本的文字被隐藏而仅显示设计好的图片。这种方法既美观又不影响网络爬虫的抓取。

1、方便网络爬虫搜索。

2、设计师设计的文字太好看。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            h2{
                background: url(images/p2p_shouye_16.png) no-repeat center; /*加载图片*/
                height: 0px; /*文字隐藏*/
                overflow: hidden;
                padding-top: 41px; /*图片显示*/
                width: 133px;
            }
        </style>
    </head>
    <body>
        <h2>融托金融</h2>
    </body>
</html>

转载于:https://www.cnblogs.com/gaidalou/p/7405603.html