HTML-鼠标经过图标时图标改变颜色

 时间:2024-10-14 11:30:50

1、准备好一对图标,大小相同,颜色不同。

HTML-鼠标经过图标时图标改变颜色HTML-鼠标经过图标时图标改变颜色HTML-鼠标经过图标时图标改变颜色

5、对第二张图片处理方法相同,也是绝对定位,位置和第一张兔脒巛钒图片相同,这样定位后,后面的第二张图片会覆盖在第一张图片的上方ul li:nth-child(2){position:absolute;l髫潋啜缅eft:0px;top:0;}

HTML-鼠标经过图标时图标改变颜色

6、在开始前将第二张图片设置为隐藏display:none;当鼠标经过时显示第二张图片

HTML-鼠标经过图标时图标改变颜色

7、设置完对第二张图片的隐藏后,设置当鼠标经过ul时,第二张图片显示ul:hover li:nth-child(2){display:block;}

HTML-鼠标经过图标时图标改变颜色
  • html字间距怎么设置
  • html如何文字居中与背景
  • html图片如何居中
  • HTML怎样使图片居中
  • html怎么设置文字居中对齐
  • 热门搜索
    黄山宏村旅游 广西南宁旅游景点 台湾旅游节目 安康旅游攻略 日本大阪旅游攻略 日本旅游景点介绍 旅游工艺品批发 兴安旅游 红色旅游心得体会 济南清明节旅游