II.〆鸽子° 发表于 2012-8-18 04:20:10

HTML代码做出来的表格效果。简单的HTML

本帖最后由 II.〆鸽子° 于 2012-8-18 04:16 编辑 <br /><br /><P align=center><BR><IMG style="BORDER-BOTTOM: #ff69b4 12px dashed; BORDER-LEFT: #006400 12px dashed; BORDER-TOP: #ffd700 12px dashed; BORDER-RIGHT: #87ceeb 12px dashed" src="http://www.photo163.com.cn/img/2012_8_18/photo1634106518535.jpg" width=200>&nbsp;<BR><BR>**** Hidden Message *****<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></P>
<P align=center><IMG style="BORDER-BOTTOM: #ff69b4 12px dotted; BORDER-LEFT: #006400 12px dotted; BORDER-TOP: #ffd700 12px dotted; BORDER-RIGHT: #87ceeb 12px dotted" src="http://www.photo163.com.cn/img/2012_8_18/photo1634106518535.jpg" width=200><BR><BR>**** Hidden Message *****<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></P>
<P align=center><IMG style="BORDER-BOTTOM: #ff69b4 12px double; BORDER-LEFT: #006400 12px double; BORDER-TOP: #ffd700 12px double; BORDER-RIGHT: #87ceeb 12px double" src="http://www.photo163.com.cn/img/2012_8_18/photo1634106518535.jpg" width=200 ?><BR><BR>**** Hidden Message *****<BR><BR><BR><BR><BR><BR><BR></P>
<P align=center><IMG style="BORDER-BOTTOM: #ff69b4 12px outset; BORDER-LEFT: #006400 12px outset; BORDER-TOP: #ff69b4 12px outset; BORDER-RIGHT: #87ceeb 12px outset" src="http://www.photo163.com.cn/img/2012_8_18/photo1634106518535.jpg" width=200><BR><BR>**** Hidden Message *****<BR><BR><BR><BR><BR><BR><BR><BR></P>

II.〆鸽子° 发表于 2012-8-18 04:20:11

本帖最后由 II.〆鸽子° 于 2012-8-18 04:19 编辑 <br /><br /><DIV class=t_msgfontfix>
<DIV class=t_msgfontfix>
<TABLE class=t_table cellSpacing=0 cellPadding=0 width=440 bgColor=black>
<TBODY>
<TR>
<TD>
<P align=center>
<TABLE class=t_table cellSpacing=0 cellPadding=0 width=425 bgColor=white>
<TBODY>
<TR>
<TD>
<P align=center>
<TABLE class=t_table cellSpacing=0 cellPadding=0 width=410 bgColor=black>
<TBODY>
<TR>
<TD>
<P><IMG style="FILTER: Alpha(opacity=100,style=1)" id=e_f_img_0.889602689488423 src="http://www.photo163.com.cn/img/2012_8_18/photo1634106518535.jpg" width=400> </EMBED></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></DIV></DIV><STRONG>后面几款其实只是一个简单的框架加上图片透明效果, 框架代码:<BR><BR></STRONG>&lt;DIV class=t_msgfontfix&gt;<BR>&lt;DIV class=t_msgfontfix&gt;<BR>&lt;TABLE class=t_table cellSpacing=0 cellPadding=0 <FONT color=red>width=</FONT>440 <FONT color=blue>bgColor=</FONT>black&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;<BR>&lt;P align=center&gt;<BR>&lt;TABLE class=t_table cellSpacing=0 cellPadding=0 <FONT color=red>width=</FONT>425 <FONT color=blue>bgColor=</FONT>white&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;<BR>&lt;P align=center&gt;<BR>&lt;TABLE class=t_table cellSpacing=0 cellPadding=0<FONT color=red> width=</FONT>410 <FONT color=blue>bgColor=</FONT>black&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;<BR>&lt;P&gt;&lt;IMG id=e_f_img_0.889602689488423 style="FILTER: Alpha(opacity=100,style=1)" src="你图片的地址" width=400&gt; &lt;/EMBED&gt;&lt;/P&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/P&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/P&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/DIV&gt;&lt;/DIV&gt;<BR><BR><STRONG>其中我用红色标记的地方</STRONG>:"<FONT color=red>width=?</FONT>"<FONT color=black><STRONG>表示框架宽度,可自行修改</STRONG></FONT> <BR><BR><STRONG>我用蓝色标记的地方:"</STRONG><FONT color=blue>bgColor=?</FONT>"<FONT color=black><STRONG>表示框架的颜色,这里表格的颜色用的不是代码而是颜色直接的英文.就好比:</STRONG></FONT><BR><BR><FONT color=black><STRONG>白色:<FONT color=red>white</FONT></STRONG></FONT><BR><FONT color=black><STRONG>黑色:<FONT color=red>black</FONT></STRONG></FONT><BR><FONT color=black><STRONG>黄色:<FONT color=red>yellow</FONT></STRONG></FONT><BR><FONT color=black><STRONG>蓝色:<FONT color=red>Blue</FONT></STRONG></FONT><BR><FONT color=black><STRONG>红色:</STRONG><FONT color=red><STRONG>Red<BR></STRONG><STRONG><FONT face=Impact><FONT color=black><BR>...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;<BR></FONT><BR></FONT><FONT color=black>请看图片透明效果代码:</FONT></STRONG> <BR><FONT color=black>第五款: &lt;IMG style="FILTER: Alpha(<FONT color=red>opacity=</FONT>100,style=1)" src="你图片的连接地址 "<FONT color=#0000ff>width=</FONT>200&gt; <BR>第六款: &lt;IMG style="FILTER: Alpha(<FONT color=#ff0000>opacity=</FONT>100,style=2)" src="你图片的连接地址" <FONT color=#0000ff>width=</FONT>200&gt; <BR>第七款: &lt;IMG style="FILTER: Alpha(<FONT color=#ff0000>opacity=</FONT>100,style=3)" src="你图片的连接地址" <FONT color=#0000ff>width=</FONT>200&gt;&nbsp;&nbsp;<BR>第八款: &lt;IMG style="FILTER: Alpha(<FONT color=#ff0000>opacity=</FONT>0,finishopacity=100,style=1)" src="你图片的连接地址" <FONT color=#0000ff>width=</FONT>200&gt;<BR></FONT><BR><STRONG><FONT face=Impact>...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;...&nbsp;&nbsp;<BR><BR></FONT></STRONG><FONT color=black><STRONG>其中我用红色标记的地方:"</STRONG><FONT color=red>opacity=?</FONT><STRONG>"表示的是图片的透明度,可在0~100间自行调整</STRONG></FONT> <BR><BR><FONT color=black><STRONG>用蓝色标记的地方"</STRONG></FONT><FONT color=#0000ff>width=?</FONT><FONT color=black><STRONG>"</STRONG></FONT><STRONG><FONT color=black>仍是表示边框的宽度</STRONG></FONT><BR></FONT></FONT>

寂如流年 发表于 2012-8-18 06:49:08

鸽子老师辛苦了,这么早啊

Оο.1秒ヽo 发表于 2012-8-18 07:48:38

学习怎么做。

8970 发表于 2012-8-18 08:07:43

{:2_246:}来看看什么好东西

晓清 发表于 2012-8-18 10:22:59

很好的教程贴 童鞋们有空可以自己试着弄弄看

农村,小姑娘。 发表于 2012-8-18 10:52:13

我来学习的 很好的教程帖

泍狌╰ァ刃、心 发表于 2012-8-18 11:04:10

天书啊.......苍天啊.........

6802687 发表于 2012-8-18 15:23:50

很好的教贴,可惜自己不是很会弄啊

再见,夏日阳光 发表于 2012-8-18 16:26:03

前面几款都喜欢。

他城°初见。 发表于 2012-8-18 18:37:34

那个效果我喜欢。。。

Raunchy 发表于 2012-8-21 20:39:51

来看鸽子大作         

"相公ゞ 发表于 2012-8-21 22:52:20

学习学习、。。。。。。。。。{:eb502:}

乄浪漫经典ツ 发表于 2012-8-26 15:25:13

来看看好玩的东西。

擱浅dě清风 发表于 2012-9-9 20:25:17

就是来了解一下`

wx748 发表于 2012-9-15 21:22:43

我想偷 0.0....那里是写字的地方都不知道 {:2_267:}

阿莫 发表于 2012-9-21 13:32:29

来学习啊,回复

_惜缘〞 发表于 2012-9-21 20:39:12

好好学习来啦

我的王妃 发表于 2012-9-24 16:29:50

HTML代码做出来的表格效果

半城烟沙。 发表于 2012-9-24 17:41:55

我是来学习的
页: [1] 2
查看完整版本: HTML代码做出来的表格效果。简单的HTML