CSS-透明度

重要!前言必读!

本章节主要学习的是css的透明度,css透明度的属性是opacity,opacity取值范围是:0.0~1.0,值越低,越透明,透明度可以设置背景不透明度、文本透明度、按钮悬停效果、图像透明度。

背景不透明度

注意!背景不透明度是指可以通过使用css颜色值来指定背景的不透明度,也就是设置背景颜色的不透明度,要注意背景颜色是使用:background-color。

代码图

效果图


文本透明度

注意!文本透明度是指可以通过使用css颜色值来指定文本的透明度,也就是设置文本颜色的不透明度,要注意文本颜色是使用:color。

代码图

效果图


按钮悬停效果

注意!按钮悬停效果是指可以通过使用css伪类来指定按钮有悬停效果,也就是使用css伪类中的:hover,也就是鼠标悬停。

代码图

效果图


图像透明度

注意!图像透明度是指可以通过使用css的不透明度opacity来指定图像的透明度。

代码图

效果图

猜你喜欢

转载自blog.csdn.net/m0_73839298/article/details/135208352