【笔记】11.22 小知识点总结

这些都是比较好玩的效果,mark起来吧~

一、页面的标题图片

先来看看效果：

页面标题图片.png

步骤：
1.需要作为图标的图片到>http://www.bitbug.net/
保存成.ico格式的图片
（注：必须是.ico格式的图片）

2.添加到link下，具体如下：

二、辅助按钮

效果：可以让我们在单选框或多选框中，点击文字既可以选择选项。
如下图：

fuzhuanniu.gif

代码来了~
用label标签套内容就可以啦，要记得id对应是唯一的

    
    


    

        请问摩卡的性别是什么
        

        
        
        男孩子

        
        女孩子

        
        熊孩子
    

    

        请问摩卡的爱好是什么
        

        
        吃饭

        
        睡觉
        

        
        打豆豆

    

三、小图标利用position实现hover变化效果

效果如下：

小图标变化效果.gif

原图：

nav_bg.png

代码~
重点：父级元素高度设置为图片的一半，所以能通过定位实现效果