在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外发光,颜色以及范围可以自己调
}
网友评论