怎样用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如何去掉图片边框

css如何绘制一只萌萌哒的大熊猫?(代码示例)

css怎么让连续数字字母换行

css vertical-align属性怎么用

css如何设置td溢出隐藏

css实现元素横向滚动的方法

asp怎样引入css样式

css怎么实现溢出隐藏

css如何绘制双箭头(代码示例)

html与css中2d转换模块

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




打赏

取消

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

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

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

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

评论

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