;
例子∶
由于我们只是谈论背景,所以这里只是介绍相关的三个。
background="bg1.gif"
设定背景墙纸。GIF 或 JPEG皆可,可以是绝对途径或相对途径。
bgcolor="#FFFFFF"
设定背景颜色。当己设定背景墙纸时会失去作用,除非墙纸有透明部分。
bgproperties="fixed"
固定背景墙纸,当卷动文字时墙纸不会跟著卷动。
注意∶不想要背景图片,只是全部黑色底色,就去掉background部分。
那厶,去掉我们不要的部分,就非常简单了
效果如下∶
http://images.5460.net/data2/bbs/00/15/35//470555.jpg" />马上就有这个问题了,以前也有朋友问过多次,为什厶只是两边有,中间是灰色?
解释∶首先,让我们看看留园网页结腹。留园网页在主体的基础上给出了一个表格(大部分论坛网站如此),我们平时发出的帖子全部在这个表格内部,而这个表格覆盖在网页的主体上面了,所以也就盖住了你的大部分背景。解决办法如下∶
简单办法∶提前结束留园表格,把整个网页主体留给你做空间,任意发挥,结束语句如下∶。再加上图形文字的居中语句
,你的准备工作就好了。
总结语句如下∶
每次发贴之前,在你的代码窗体最前面,粘贴上面的语句即可。
再看看效果,是不是好了。
http://images.5460.net/data2/bbs/00/15/35//486595.jpg" />
复杂办法∶首先改主体背景,代码和前面的一样,其次改内部表格的背景。当然,如果你的希望所有背景一致,这种做法就没有意义了,但是如果主体和表格背景不同,这个办法就非常好。不改变主体背景,只是表格背景,代码如下∶
这里解释几个代码∶
cellspacing=20
表格格线厚度,加厚格线可以使之产生边框效果,也就是说,图形文字进入不了这个周边宽度区域。
cellpadding=2
文字与格线的距
width=90%
表格的宽度,这个数值非常重要,当然接受绝对值的输入,比如width=900(我们平常看到留园的灰色部分就是900的数值,选择900就恰好把灰色去掉)。有时候,我们的图很小,如果你取width数值过大,就会失调。
看如下代码∶
效果就是这样∶
http://images.5460.net/data2/bbs/00/15/35//496558.jpg" />
当然,这里为了看清楚,选取背景很艳,不要效仿,贴出你的精彩。
再给出一种留园广泛使用的代码
另外需要说明的是检查代码的连续性!!,也就是说,代码中的文字、描述语言完全连续输入,中间没有回车,否则此处将被“www.6park.com”和“6park.com”替代,尤其是在有背景的情况下会严重影响美观。
最后,要说明的是,背景图片不易过大,别看小图片,连成片非常好看,下面我给出4个背景、动画、装饰线条素材的网站∶
http://www.cccen.com/sou/index.htm
http://www.sucaiw.com/index.asp
http://www.grsites.com/textures/
http://emu.main.jp/bbgemumenu3.htm
看大家的爱好了,自由选择!
中 级 篇
这一部分我重点讲关于表格的嵌套使用。我曾经多次实验,加上看其他朋友的帖子,总结出了一些表格的使用技巧。
首先,介绍表格的HTML格式。
表格标记
| |
---|
这三个标记是定义表格的最重要的标记,可以说只学这三个己足够。
是一个容器标记,意思是说它用以声明这是表格而且其他表格标记只能在他的范围内才 用,属容器标记的还有其他。
用以标示表格列(row)
用以标示储存格(cell)
width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">
- width="400"
表格宽度,接受绝对值(如 80)及相对值(如 80%)。
- border="1"
表格边框厚度,不同浏览器有不同的内定值,故请指明。
- cellspacing="2"
表格格线厚度。
- cellpadding="2"
文字与格线的距 。
- align="CENTER"
表格的摆放位置(水平),可选值为∶ left, right, center,请看例子五或六,那表格是放于中间的,为怕一些浏览器不支援,故特加上居中标记 ,只是多层保证而己,当然只用 亦可。
- valign="TOP".
表格内字画等的摆放贴位置(垂直),可选值为∶ top, middle, bottom。
- background="myweb.gif"
表格?纸,与 bgcolor 不要同用。
- bgcolor="#0000FF"
表格底色,与background不要同用。
- bordercolor="#FF00FF"
表格边框颜色,NC 与 IE 有不同的效果。
- bordercolorlight="#00FF00"
表格边框向光部分的颜色。『只 用于 IE』
- bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用bordercolorlight或bordercolordark时 bordercolor将会失效。『只 用于 IE』
- cols="2"
表格栏位数目,只是让浏览器在下载表格是先画出整个表格而己。
例如∶
align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#808080" bordercolordark="#FF0000">
- align="RIGHT"
该一列内字画等的摆放贴位置(水平),可选值为∶left, center, right。
- valign="MIDDLE"
该一列内字画等的摆放贴位置(垂直),可选值为∶ top, middle, bottom。
- bgcolor="#0000FF"
该一列底色,请看。
- bordercolor="#FF00FF"
该一列边框颜色,请看。『只 用于 IE』
bordercolorlight="#808080" 该一列边框向光部分的颜色,请看。『只 用于 IE』
- bordercolordark="#FF0000"
该一列边框背光部分的颜色,使用bordercolorlight 或 bordercolordark时bordercolor 将会失效。『只 用于 IE』
|
例如∶
width="48%" height="400" colspan="5" rowspan="4" align="RIGHT" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080" bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif">
- width="48%"
该一储存格宽度,接受绝对值(如 80)及相对值(如 80%)。
- height="400"
该一储存格高度。
- colspan="5"
该一储存格向右打通的栏数。
- rowspan="4"
该一储存格向下打通的列数。
- align="RIGHT"
该一储存格内字画等的摆放贴位置(水平),可选值为∶left, center, right。
- valign="BOTTOM"
该一储存格内字画等的摆放贴位置(垂直),可选值为∶top, middle, bottom。
- bgcolor="#FF00FF"
该一储存格底色。
- bordercolor="#808080"
该一储存格边框颜色。『只 用于 IE』
- bordercolorlight="#FF0000"
该一储存格边框向光部分的颜色。『只 用于 IE』
- bordercolordark="#00FF00"
该一储存格边框背光部分的颜色,使用bordercolorlight或bordercolordark 时bordercolor将会失效。『只 用于 IE』
- background="myweb.gif"
该一储存格纸,与bgcolor任用其一。
肯定已经有人不耐烦了,那厶我简单介绍一下使用,基本格式如下∶
大家看这个范例
好看吗? http://i29.tinypic.com/k01uv7.jpg" /> |
刚才给出的只是一个表格,如果使用表格的嵌套,你的帖子会更有魅力,如同一个彩色的画框。原理是这样∶
表格1开始+表格2开始+...+表格2结束+表格1结束
下面给出3层表格的范例,如果你要多层,继续加入即可∶
注意∶关键在于这几个方面,也是我们修改的内容∶
1、第一个表格的width可以取你想要的宽度,其他全部取100%,操作简单。
2、cellspacing的取值决定了表格边的宽度,我下面分别取30、20、40,大家看效果。
3、border的取值也是重要的,建议取0或者1。
4、这个才是重点,颜色搭配非常重要,不要反差太大,有点像女士配衣服,男士搭配西装、衬衣和领带,千丌不要大红配大绿,那就是丑。
http://s3.tinypic.com/2q99r2b_th.jpg" />
|
|
|
|
|