PHP前端开发

css隐藏的文本怎么显示

百变鹏仔 4周前 (09-19) #CSS
文章标签 文本
有三种方法可以显示隐藏的 css 文本:使用 display 属性设置 display 为 inline 或 block使用 visibility 属性设置 visibility 为 visible使用 opacity 属性设置 opacity 为 1

如何显示隐藏的 CSS 文本

方法一:使用显示属性

最直接的方法是使用 display 属性。将隐藏的文本的 display 属性设置为 inline 或 block,即可使其显示。

示例:

立即学习“前端免费学习笔记(深入)”;

.hidden {  display: none;}.show {  display: block;}

方法二:使用可见性属性

另一个选择是使用 visibility 属性。将隐藏的文本的 visibility 属性设置为 visible,即可使其显示。

示例:

立即学习“前端免费学习笔记(深入)”;

.hidden {  visibility: hidden;}.show {  visibility: visible;}

方法三:使用 opacity 属性

opacity 属性可以控制元素的透明度。将隐藏的文本的 opacity 属性设置为 1,即可使其完全显示。

示例:

立即学习“前端免费学习笔记(深入)”;

.hidden {  opacity: 0;}.show {  opacity: 1;}

注意: