重要!前言必读!
本章节主要学习的是css的透明度,css透明度的属性是opacity,opacity取值范围是:0.0~1.0,值越低,越透明,透明度可以设置背景不透明度、文本透明度、按钮悬停效果、图像透明度。
背景不透明度
注意!背景不透明度是指可以通过使用css颜色值来指定背景的不透明度,也就是设置背景颜色的不透明度,要注意背景颜色是使用:background-color。
代码图
效果图
文本透明度
注意!文本透明度是指可以通过使用css颜色值来指定文本的透明度,也就是设置文本颜色的不透明度,要注意文本颜色是使用:color。
代码图
效果图
按钮悬停效果
注意!按钮悬停效果是指可以通过使用css伪类来指定按钮有悬停效果,也就是使用css伪类中的:hover,也就是鼠标悬停。
代码图
效果图
图像透明度
注意!图像透明度是指可以通过使用css的不透明度opacity来指定图像的透明度。
代码图
效果图