一步一步学代码---图框制作(图框解析)[连载23]

版主: 清风云想衣裳宁静致远

回复
没起名
帖子: 1150
注册时间: 周一 1月 19, 2009 5:36 pm

一步一步学代码---图框制作(图框解析)[连载23]

帖子 没起名 »


四 图框制作
4 图框解析
这里将较详细地刨析较复杂的图框的结构和制作。
先看下面的简单例子:


















欢迎大家学代码!

它的代码为:


















欢迎大家学代码!

我们不难看到:
这里有4个TABLE 开头的“段”,因此它就由4个表格组成,其中:
第一个(最外面的)为:





即:





这里有两个数字:一个是“38”,它表示**********************************;第2个是“100%”,即宽度与该贴的外表框一样;
第2个为:





即(加高了):





1
2
3
第3个为:





即:





1
2
3
第4个(最里面的)为:






即:









1
2
3





文字部分是我们可以再增添的内容(如图片、文字等)

熟能生巧,要多加练习哦!
回复