<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水印测试</title>
<style>
.div{
position:relative
width:300px
height:300px
background:url(img/1.jpg) no-repeat left top
background-size:100%
}
.div .ico{
width:100px
height:100px
position:absolute
right:10px
bottom:10px
display:none
background:url(img/1.png) no-repeat left top
background-size:100px
}
.div:hover .ico{
display:block
}
</style>
</head>
<body>
<div class="div">
<div class="ico"></div>
</div>
</body>
</html>
这个是用纯css实现的,换成图片一个道理。
嗯嗯、HTML是用来做网站的一种语言哈、这样吧、你打开一个网页、然后再网页任何一个地方点击鼠标右键、然后选择“查看源文件”、点击过后将以记事本的形式打开、里面的就全是HTML代码哈、看看吧、希望对你有所帮助!至于怎么使用这个就有专门的教程了哈、你到百度文库里面找找教程嘛、查看一个网页HTML源代码的方法是:打开一个网页之后,点击浏览器上的菜单查看.选择下面的源文件选项.即可打开一个记事本文件,其中就是这个网页所有代码.也可以将鼠标放置到网页上的任何位置(只要是位于没有链接.图片处,最好是网页中的空白区域),点击鼠标右键.选择其中的查看源文件即可.欢迎分享,转载请注明来源:内存溢出
评论列表(0条)