自定义博客皮肤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)
  • 收藏
  • 关注

原创 使用line-height垂直居中时,要注意border的设置

对于一行文字,我们经常有垂直居中的要求。比如我们制作一个按钮时,其上的文字。这时候,利用CSS的方法,将line-height设置为对象的height时,此对象中的文字则会垂直居中。本来这个方法不会有太多问题,但是当我们给这个对象设置border时,问题就来了。我在做按钮时,给我的按钮设置了border: 2px solid #ddd;由于按钮不算太大,我使用此方法,并没有发现有什么不妥。

2018-01-26 17:04:59 8758 1

原创 移动端touchstart,touchend效果实现-点击图片出现阴影,滑动消失

手机端要实现如下效果:点击图片或长按图片,图片出现阴影效果,且可以跳转到相应的链接,滑动或者松开图片时,此效果都会消失。注意,屏幕可以正常滑动,而且阴影在字之下,图之上。手机端的这种效果,我们使用touchstart,touchend来实现。(1)首先要了解需要的事件touchstart,是手指触摸屏幕是触发的效果,touchend,是手指从屏幕抬起时触发的事件, 而touchmo

2018-01-15 14:30:04 2515 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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