- 博客(2)
- 收藏
- 关注
原创 关于ul中li横向排列时各自的margin问题解决
场景:有一排横向排列的图标,要实现鼠标hover图标的时候图标上移,鼠标离开时图标归位。 li->display: inline-block li:hover{ margin-top:-10px;} 问题:鼠标移过的时候所有的li都向上移动。 原因:inline-block使li变成了行内块元素,就是说所有的li块被包含在一个“行”里,一
2018-01-29 15:28:32 1865
原创 用css伪类实现提示对话框的小三角,哈哈!
今天实现下图提示表单提示框侧边的小三角。其实很简单,具体如下 1.首先把对话框用div或其他块级元素先画出来,进行一个相对于大容器的absolute绝对定位,调整到合适位置。 2.用伪类元素after给每个上述的块级元素添加小三角。直接上代码:(这里我用的p标签) p:after { content: ""; position: absolute;
2018-01-29 15:26:32 2874
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人