美文网首页
h5小问题总结

h5小问题总结

作者: 后简1994 | 来源:发表于2017-08-21 10:20 被阅读0次

    在div无宽高的基础上,实现div居中显示方法:

    1、若div宽不变,可以使用padding或margin来实现

    2、若div宽不确定,可以使用,父类添加属性text-margin:center;与自身添加属性display:inline-block结合使用。也可实现

    在使用easyui组件时,若内容有溢出,想出现滚动条,要给div加上宽高,可以实现。不加div会出现滚动条位置出现问题。

    将div做成button按钮样式时,div会过于死板(鼠标移上去、点击等无任何效果),可以使用css3的新属性进行丰富。

    cursor:pointer;    使鼠标移动到div中,鼠标箭头变为小手

    opacity:0.8;   使div的透明度变得低一点,当我们把opacity的透明度调到0.8使,其实我们大家是看不出太大差距的,主要是为了后期的鼠标悬浮的效果做准备。

    div:hover {

    opacity:1;鼠标悬浮时,div会变高亮

    }

    div:active {

    box-shadow: 0 0 10px  #FFF;鼠标点击时,div外发光,颜色以及范围可以自己调

    }

    相关文章

      网友评论

          本文标题:h5小问题总结

          本文链接:https://www.haomeiwen.com/subject/sqxirxtx.html