dengdengda的博客

菜单栏下划线动画 body{ margin: 0; padding: 0; } header{ width: 100%; height: 100px; background-color:#2D3E50; } header nav ul{ width: 50%; padding: 0; margin: 0 auto; }

HTML如何在图片上添加内容    最近做的一个效果是网页头部有一张大图，菜单栏漂浮在图片之上。我看到网上讲的很简单，大致原理就是图片定为相对定位，文字定为绝对定位即可。不过我实现的并不顺利，花了几个小时才让菜单栏漂浮在图片上。以下是效果图。首先布好局：以下是代码：            nav{        width: 100%;

今天在慕课网上学习padding属性时，老师利用padding,border,backgroud-clip等属性轻易的使用一个div绘制出了三条横线的菜单图标，像下图这样html代码很简单，就一句：然后我先说一下这个图是怎么得来的，上面和下面的线是div的border，中间的线是div的height，中间的height和border间的空白使用padding属性，这里要运用到一个很

最近在慕课网上看到了一个按钮特效，觉得挺好看的，记录一下。 简单分析一下就是鼠标移入的时候有四条线分别从四个方向移入，横向的两条线宽度和位置发生变化，纵向的两条线高度和位置发生变化。

最近在做一个项目时，有一个页面左侧有导航栏，右侧是内容，由于右侧内容不确定，所以右侧盒子的高度是根据内容的多少自动变化的，而我希望左侧导航栏的高度可以根据右侧盒子的高度变化而变化，当然，如果你是希望右边盒子高度自适应于左边也可以的。刚好我在慕课网上学习的时候看到一个老师讲了这种方法，今天就分享一下这个方法。   要实现这个布局用到的属性有overflow,padding,margin。下面

演示效果      这是当鼠标移入会在原来的层上显示另一个层的动画，我这个页面里有很多项都需要用这个效果，之前我想用js来实现这个效果，不过弹出来的层的位置不好固定，特别是页面里有太多这个效果，而最麻烦的还是当窗口缩小时弹出的层会乱飘，后来我使用css3动画来实现，不仅在切换间很流畅有一些酷炫的动画效果，而且代码很简洁。   1. 首先在一个.container-detailed的盒子