怎样用CSS隐藏图片背景的文字内容


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次的案列是怎样用CSS隐藏图片背景的文字内容,我们先使用使用background背景是将图片设为背景显示;然后使用text-indent缩进是隐藏a链接内容和<a>链接标签是对文字设置锚文本链接。下面就是实例案列。

实例案例描述

这里便于观察CSS DIV案例效果,我们就来实现的网站的布局。

扩展阅读:html img图片

1、CSS 代码:

1

2

3

4

h1#logo{

float:left;width:165px;height:60px;

background:url(http://www.php.cn) no-repeat 0 0}

h1#logo a{display:block;width:100%;height:100%;text-indent:-9999px}

阅读剩余部分

相关阅读 >>

css如何设置不透明

html5怎么去除超链接的下划线

css letter-spacing属性怎么用

css实现快速回到顶部效果

css flex-wrap属性怎么用

css怎么同时插两张背景图片

css如何制作圆

css首行缩进怎么弄

css中的流体布局是什么

怎么用html/css写一首古诗

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...