个人博客

您现在的位置是:首页 > 相册 > 照片里的你

照片里的你

个人博客模板——Column三栏布局

个人博客搭建 2019-09-18照片里的你
丁大宝博客:个人博客模板,响应式博客模板,HTML5博客模板,CSS3博客模板,原创博客模板,定期分享免费博客模板

  个人博客模板——Column三栏布局

  这个模板实现了很多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布局的一个趋势,所以先练习练习。

文章评论