合龙部落

您现在的位置是:首页 > 设计案例 > 个人网站

个人网站

Column 三栏布局 个人网站模板

2019-05-08个人网站
这个模板实现了很多css3新的功能,多列布局(Columns)、多张背景图显示、首字下沉、logo360度的过渡旋转,以及隐藏文字鼠标放上去的渐变过渡效果。不兼容IE9以下的版本,你需要在fir

这个模板实现了很多css3新的功能,多列布局(Columns)、多张背景图显示、首字下沉、logo360度的过渡旋转,以及隐藏文字鼠标放上去的渐变过渡效果。不兼容IE9以下的版本,你需要在firefox,chrome,safari,opera11.1或者ie10的平台下才能得到正常的显示。 

多列布局(Columns)column-count: 3;产生三栏的文本,其宽度大小填满了父级的宽度。通过column-gap: 75px;调整每个栏目之间的间隔长度,column-rule: 2px dotted #ccc;生成一个宽度为2px的虚线。

虽然ie有些版本还不兼容,但多列布局将会是以后web布局的一个趋势,所以先练习练习。

文章评论