自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除