有时候，我们不想让一部分html内容不显示给访客看过，那怎么办呢？今天给大家分享两个妙用CSS隐藏html内容的实例。
一、隐藏html内容文字
css样式代码：
.hidden{
display:none;
}
html代码：
<html>
<body>
<div class="hidden">
看不见此处内容
</div>
</body>
</html>
将需要隐藏内容放入div标签即可。这种隐藏内容方式，本人不推荐使用，因为这违反搜索引擎优化规则，若被发现，严重可能直接K站。
二、用图片代替文字
为了使网站视觉更加美观，可以采取隐藏原来的文字，再用背景图片代替文字。
css样式代码：
.hidden{
text-indent:-9999px;
}
html代码：
<html>
<body>
<div class="hidden">
看不见此处内容
</div>
</body>
</html>
这种方式经常被使用，也符合搜索引擎优化规则，不用担心被K站。因为访客能看到本该显示的内容，不算真正把内容隐藏掉。
