怎样用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在html中三种实现方式是什么

css如何实现圆形头像

css设置文字删除线

css代码是什么

css中hgroup是什么意思

css子元素如何相对父元素定位?

快速了解ui组件功能设计

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




打赏

取消

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

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

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

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

评论

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