怎样用CSS隐藏图片背景的文字内容-木庄网络博客

2022-02-07 20:11:52 PHP中文网 JavaScript 百度已收录

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

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

实例案例描述

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

扩展阅读：html img图片

1、CSS 代码：

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》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 怎样用CSS隐藏图片背景的文字内容

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

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论