首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css格局初次尝试-Layer7

2012-11-22 
css布局初次尝试-Layer7效果:分析:?上面Layer7...是一个定义了高度的div,下面是一个两行的table,主要东西

css布局初次尝试-Layer7

效果:
css格局初次尝试-Layer7

分析:

?上面Layer7...是一个定义了高度的div,下面是一个两行的table,主要东西都在第一行中,第二行定义了一个高度,是为了和下方结果之间有一个空隙。

1、
css格局初次尝试-Layer7

2、
css格局初次尝试-Layer7
3、
css格局初次尝试-Layer7

table的第一行如蓝色的线部分,两列,其左侧空白即红色的线部分,主体部分在第二个td中:

4、
css格局初次尝试-Layer7
?5、
css格局初次尝试-Layer7

?

右侧td里面定义了一个一行一列的table,并设置背景图片
??? ?????????????????? 在单元格中定义一个div,设定padding-left

?????????????????????? div中又定义了一个width是90%的table,这才是内容的主体部分

?

6、绿线是div部分,右侧蓝线是90%的table部分
css格局初次尝试-Layer7


css格局初次尝试-Layer7

这个主体table部分代码:

?最后的按钮class:

?

...

热点排行