桃子试帖本

桃之妖妖 · 发表于 2007-11-13 19:40

十六:3D 外嵌边框效果边框凤格属性outset:3D 外嵌

桃之妖妖 · 发表于 2007-11-13 19:42

十七:多层3D 外嵌边框效果

桃之妖妖 · 发表于 2007-11-13 19:43

十八:实线,短虚线混用(锯齿边效果)

桃之妖妖 · 发表于 2007-11-13 19:57

用HTML代码给图片和帖子加边框

预备知识：

一 HTML的标签

table，tbody,tr,td 称为HTML的标签，以双标签的形式出现，所谓双标签，也就是有一个<table>就有一个对应的</table>与之对应，同样适用于其他的双标签。

一般标签都为双标签。标签最终所显示的网页效果由各个属性来表达，属性可选择使用，不一定全部都用。在整个图片或帖子里双标签以首尾呼应的方式出现。

<TABLE align=center background="背景图片地址" border=0 cellPadding=0 cellSpacing=0 borderColor=#0000ff width="100%"> <TBODY> <TR> <TD> 这里是图片,文字或帖子内容. </TD> </TR> </TBODY> </TABLE>

<TABLE> 的常用参数设定：

width="400" 表格宽度，接受绝对值(如width=80)及相对值(width=80%)。

border="1" 表格边框的厚度，不同浏览器有不同的内定值。

cellspacing="2" 表格格线的厚度

align="CENTER" 表格的摆放位置(水平)，可选值为： left(居左), right(居右), center(居中)

valign="TOP". 表格内内容的对齐方式(垂直)，可选值为： top, middle, bottom。　　

background="myweb.gif" 表格的背景图片，与 bgcolor 不要同用。

bgcolor="#0000FF" 表格的背景颜色，与 background 不要同用

bordercolor="#CF0000" 表格边框颜色

bordercolorlight="#00FF00" 表格边框向光部分的颜色

bordercolordark="#00FFFF" 表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

二帖图格式

帖图基本代码如下：

<IMG> 称图形标记，主要用来插入图形标记。

三文字设制

基本代码如下：

align=center　表示字体居中，可选值为居右（right）居左（left）

color=颜色代码　

face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小，这里的最大值为7　取值越大文字就越大

四加入音乐

常用属性如下：

src="your.mid" 设定 midi 档案及路径，可以是相对或绝对。

autostart=true 是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。

loop="true" 是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。

HIDDEN="true" 是否完全隐藏控制画面，true 为是，no 为否 (内定)。

STARTTIME="分:秒" 设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100" 设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定

WIDTH="整数" 和 HIGH="整数" 设定控制面板的高度和宽度。(若 HIDDEN="no")

ALIGN="center" 设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

CONTROLS="smallconsole" 设定控制面板的外观。预设值是 console。 console 一般正常面板　　 smallconsole 较小的面板　　 playbutton 只显示播放按钮　　 pausecutton 只显示暂停按钮　　 stopbutton 只显示停止按钮　　 volumelever 只显示音量调节按钮

贴音乐的完整语法如下:

一: 隐藏播放器

二: 不隐藏播放器

播放器宽度width和高度height的值根据需要自定.

注意: 在自己电脑的"记事本"里编写. 点击"开始"-----"所有程序"-----"附件"-----"记事本".

桃之妖妖 · 发表于 2007-11-13 20:05

方法一:

不用素材,只给图片加上自己想要的边框颜色.我加上红色(red)边框

现在开始在记事本里写代码:

<tbody>

<tr>

<td>

</td></tr></tbody></table></center>

<center>---------------</center>是让加了边框的图片居中显示.bordercolor=red是边框的颜色.border=10是边框的宽度.

<img src=http://photos.my.265.com/photo/5758/149785/194d5cbedcf0ebf9272e209f354f515f_big.jpg>是调用图片的语法.

桃之妖妖 · 发表于 2007-11-13 20:10

根据需要,可以给图片加多层边框.例如:给图片再加一层黄色边框.

在记事本里编写代码:

内容

</td></tr></tbody></table>

现在把加了红色边框图片的代码复制到上面代码的"内容"位置上.

</td></tr></tbody></table>

以后若要再加不同颜色的边框,编写方法依次类推.一定要注意:代码有几层开头,就要有几层结尾.前边用了多少层<table......><tbody><tr><td>后面就要有多少个</td></tr></tbody></table>收尾。多收和少收都会使帖子出错。

桃之妖妖 · 发表于 2007-11-13 20:17

方法二:

用素材给图片加边框.例如用以下两个图片素材给图片加边框.

素材图片1:

图片地址是:http://photos.my.265.com/photo/5758/149785/ee527923dba451a7ba25e8e06e1def55_big.jpg

素材图片2:

图片地址是:http://photos.my.265.com/photo/5758/149785/be749f6e0110f1c19f3bf55bd18997d0_big.jpg

在记事本里编写代码:

align=center是让加了边框的图片居中,

background=http://bbs.guqu.net/UploadFile/2005-1/200518204531918.jpg 是图片边框素材的地址.

cellSpacing=3是表格格线(边框)的厚度.

cellPadding=3是内容与格线的距离.

桃之妖妖 · 发表于 2007-11-13 20:33

例三：边框上下不封口。

金色背景层即第二层表格的属性宽width是100%其它属性值一律为0。第三层内

背景的宽width的取值要是99%，而第三层的<td>里的width属性要是100%。

代码如下：