html5里为什么经常用i标签来作为小图标使用_随笔

这个不是H5特有的情况，只是设计师习惯性用法，用i表示ico图标，便于他人理解。例子：

<style>

.ico1,.ico2{background:url(test.png) center left no-repeat width:15px height:15px}

</style>

你说的是窗口显示的小图标吗，那是需要在<head>里面增加 <link rel="icon" href="图标位置" mce_href="图标位置" type="image/x-icon" />这样就可以了

HTML在超链接被鼠标放上去时前面显示一个小点图标，首先需要理解就是a：hover这个属性，就是鼠标的触摸事件，显示一个小图标的话，可以在a:hover中修改这个图片的背景然后来做，在通过left和top的值来定位这个背景的位置，具体可以看下代码：<html><head><style> #round{ width:400px height:200px margin:0 auto } a:hover{ background:url('图片地址')no-repeat 0px 0px } </style></head> <body> <div id="round"> <a href=''>我是测试连接</a> </div> </body></html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/6141445.html

html5里为什么经常用i标签来作为小图标使用

发表评论

评论列表（0条）