1、新建一个html文件，命名为test.html，在test.html文件内，使用img标签创建一张图片，图片是images文件夹下面的1.jpg。
2、为了展示隐藏图片后的效果，在img标签的外部使用div标签，同时设置div标签的class属性为mydiv。
3、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
4、在css标签内，设置类名为mydiv的样式，使用border设置div的边框为1px的灰色边框，使用width设置div的宽度为300px，使用height设置div的高度为300px。
5、在css标签内，对img元素进行样式设置，将display属性设置为none，实现图片的隐藏。
6、在浏览器打开test.html文件，查看实现的效果。
这个其实并不难，附上代码
<style>
img{ float:leftmargin-left:10pxpadding:2px 2pxborder:1px solid #CCC}
</style>
<body>
<img src="ryh/图片素材/link.jpg" width="150px" height="150px"/>
<img src="ryh/图片素材/link.jpg" width="150px" height="150px"/>
<img src="ryh/图片素材/link.jpg" width="150px" height="150px"/>
<img src="ryh/图片素材/link.jpg" width="150px" height="150px"/>
</body>
出来的效果是这样的，图片周围有两像素的边距，一像素的边框。你还可以根据自己的需要添加合适的css样式
前面的答案答非所问。应该用js解决，在图片上加onclick,函数中写播放的音乐，可以提供参数来播放不同音乐。有个问题，你需要可以同时播不同音乐么？是的话比较复杂，不是的话设全局布尔变量，如果在播放音乐，停，没有则开始。如果是的话，你需要为所以音乐设布尔变量，也就是每个图都设个变量开确定是否在播放了。onclick是html的attribute，可以让html的tag监听js事件，点击之类的。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）