2013-07-03Column 三栏布局 个人网站模板

    您现在的位置是:首页 > 模板分享 > 个人博客模板

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

    Column 三栏布局.jpg

    演示地址

下 载

下载说明:

1、解压密码:yangqq.com

2、只有部分模板会提供多页面下载,未加说明都是只有一个首页index.html模板。

3、如果您发现模板有错,或者您有其他更好的意见、建议请给我们留言,我们会及时处理!

4、如果您遇到什么问题,也可加入本站互动QQ群 280998807(交流群) 280998843(技术群)咨询!

* 下载本站模板以及作品仅供学习研究之用,若发现任何组织机构及个人有用于商业目的者,必追究其法律责任 *

关键字词:个人网站,模板,Column,布局