怎样用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中list-style是什么意思

css code是什么

css如何取消下划线

css如何实现始终将footer固定在底部

网站对联广告js代码分享

css按钮如何去掉边框

css flex属性怎么用

css z-index属性怎么用

css3跟css区别是什么

在html中怎么设置文字间距

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




打赏

取消

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

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

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

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

评论

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