创建一个背景图层上有透明图层的文本框

 时间:2024-10-14 01:25:50

1、新建html文件,创建div并为div添加背景

创建一个背景图层上有透明图层的文本框

2、背景创建完成,效果如图

创建一个背景图层上有透明图层的文本框

3、在背景上添加一个透明的白色层

创建一个背景图层上有透明图层的文本框

4、添加透明层完成,效果如图,然后是添加文字了

创建一个背景图层上有透明图层的文本框

5、在透明层上添加文字

创建一个背景图层上有透明图层的文本框

6、效果如图,文字显示在透明层上

创建一个背景图层上有透明图层的文本框

7、为透明层添加鼠标滑过效果,当鼠标滑过时,透明层颜色和文字都发生变化;

创建一个背景图层上有透明图层的文本框

8、效果如图,背景变为粉色,字的颜色变为白色

创建一个背景图层上有透明图层的文本框

9、在实现这个效果时,出现的问题,透明层设置margin值,无法居中解决方法,背景di箪滹埘麽v添加样式 position:absolute; 没加 position:absolute;之前的效果

创建一个背景图层上有透明图层的文本框
  • PPT中立体文字怎么制作
  • 如何用PPT画锤子和钉子 PPT形状组合
  • PPT放映时文本图片按三角结形移动怎么设计
  • 如何通过教学工具设计“光的反射”来制作课件
  • ppt中怎么制作撞色通用过渡页面
  • 热门搜索
    植树节手抄报内容大全 保护眼睛手抄报 祭英烈手抄报 运动会手抄报 争做新时代好少年手抄报 我爱汉字手抄报 重阳节手抄报 文明礼仪伴我行手抄报 防溺水手抄报 关于读书的手抄报内容