论坛 › 新手指南 › HaDean 表格学习及部分表格成品代码（不断补充）

ぺHaDean丶苏拉 发表于 2013-3-19 17:33:56

HaDean 表格学习及部分表格成品代码（不断补充）

【 HaDean 】

www.aihadean.com

1楼：论坛颜色代码

2楼：简单表格教程

3楼~N楼：部分表格代码

HaDean网游公会

欢迎您的加入

它会始终如一的陪伴迩

ぺHaDean丶苏拉 发表于 2013-3-19 17:34:44

【 颜 色 代 码 】




████浅粉红LightPink #ff9999
████粉红Pink #ffc0cb
████深红(猩红)Crimson#dc143c
████淡紫红LavenderBlush #fff0f5
████弱紫罗兰红PaioletRed #db7093
████热情的粉红HotPink#ff69b4
████深粉红DeepPink#ff1493
████中紫罗兰红MediumVioletRed#c71585
████暗紫色(兰花紫)Orchid #da70d6
████蓟色Thistle Thistle



████洋李色(李子紫) Plum#dda0dd
████紫罗兰Violet #ee82ee
████洋红(玫瑰红) Magenta #ff00ff
████深洋红DarkMagenta#8b008b
████紫色Purple#800080
████中兰花紫MediumOrchid #ba55d3
████暗紫罗兰DarkViolet #9400d3
████靛青(紫兰色) Indigo #4b0082
████蓝紫罗兰BlueViolet #8a2be2
████中紫色MediumPurple#9370db


████中暗蓝色(中板岩蓝)MediumSlateBlue#7b68ee
████石蓝色(板岩蓝) SlateBlue #6a5acd
████暗灰蓝色(暗板岩蓝)DarkSlateBlue #483d8b
████淡紫色(熏衣草淡紫) Lavender #e6e6fa
████幽灵白GhostWhite #f8f8ff
████纯蓝Blue #0000ff
████中蓝色MediumBlue #0000cd
████午夜蓝MidnightBlue #191970
████暗蓝色DarkBlue #00008b
████海军蓝Navy #000080



████皇家蓝(宝蓝) RoyalBlue #4169e1
████矢车菊蓝CornflowerBlue#6495ed
████亮钢蓝LightSteelBlue #b0c4de
████亮蓝灰(亮石板灰) LightSlateGray #778899
████灰石色(石板灰) SlateGray #708090
████闪兰色(道奇蓝) DodgerBlue #1e90ff
████爱丽丝蓝AliceBlue #f0f8ff
████钢蓝(铁青) SteelBlue #4682b4
████亮天蓝色LightSkyBlue#87cefa
████深天蓝DeepSkyBlue #00bfff



████亮蓝LightBlue #add8e6
████粉蓝色(火药青)PowderBlue#b0e0e6
████军兰色(军服蓝) CadetBlue #5f9ea0
████蔚蓝色Azure #f0ffff
████淡青色LightCyan #e0ffff
████弱绿宝石PaleTurquoise #afeeee
████青色Cyan #00ffff
████暗瓦灰色(暗石板灰) DarkSlateGray #2f4f4f
████暗青色DarkCyan #008b8b
████水鸭色Teal #008080
████中绿宝石MediumTurquoise #48d1cc
████浅海洋绿LightSeaGreen #20b2aa
████绿宝石Turquoise#40e0d0
████宝石碧绿Aquamarine#7fffd4
████中宝石碧绿MediumAquamarine #66cdaa
████中春绿色MediumSpringGreen#00fa9a
████薄荷奶油MintCream #f5fffa
████春绿色SpringGreen#00ff7f
████中海洋绿MediumSeaGreen #3cb371
████海洋绿SeaGreen #2e8b57



████蜜色(蜜瓜色)Honeydew #f0fff0
████淡绿色LightGreen#90ee90



████弱绿色PaleGreen#98fb98
████暗海洋绿DarkSeaGreen#8fbc8f
████闪光深绿LimeGreen#32cd32
████闪光绿Lime#00ff00
████森林绿ForestGreen #228b22
████纯绿Green #008000
████暗绿色DarkGreen #006400
████黄绿色(查特酒绿)Chartreuse #7fff00
████草绿色(草坪绿) LawnGreen #7cfc00
████绿黄色GreenYellow #adff2f
████暗橄榄绿DarkOliveGreen #556b2f
████橄榄褐色OliveDrab #6b8e23
████米色(灰棕色) Beige #f5f5dc
████亮菊黄LightGoldenrodYellow #fafad2
████象牙色Ivory #fffff0
████浅黄色LightYellow #ffffe0
████纯黄Yellow#ffff00   
████橄榄Olive #808000
████暗黄褐色(深卡叽布)DarkKhaki #bdb76b
████柠檬绸LemonChiffon #fffacd
████灰菊黄(苍麒麟色)PaleGoldenrod #eee8aa
████黄褐色(卡叽布) Khaki #f0e68c
████金色Gold#ffd700
████玉米丝色Cornsilk #fff8dc
████金菊黄Goldenrod#daa520
████暗金菊黄DarkGoldenrod#b8860b
████花的白色FloralWhite#fffaf0
████老花色(旧蕾丝) OldLace #fdf5e6
████浅黄色(小麦色) Wheat #f5deb3
████鹿皮色(鹿皮靴)Moccasin #ffe4b5



████橙色Orange #ffa500
████番木色(番木瓜) PapayaWhip #ffefd5
████白杏色BlanchedAlmond#ffebcd
████纳瓦白(土著白) NavajoWhite #ffdead
████古董白AntiqueWhite #faebd7
████茶色Tan #d2b48c
████硬木色BurlyWood #deb887
████陶坯黄Bisque #ffe4c4
████深橙色DarkOrange#ff8c00
████亚麻布Linen#faf0e6
████秘鲁色Peru #cd853f
████桃肉色PeachPuff #ffdab9
████沙棕色SandyBrown#f4a460
████巧克力色Chocolate #d2691e
████重褐色(马鞍棕色) SaddleBrown #8b4513
████海贝壳Seashell#fff5ee
████黄土赭色Sienna   #a0522d
████浅鲑鱼肉色LightSalmon#ffa07a
████珊瑚Coral #ff7f50
████橙红色OrangeRed#ff4500
████深鲜肉(鲑鱼色) DarkSalmon #e9967a
████番茄红Tomato#ff6347
████浅玫瑰色(薄雾玫瑰) MistyRose #ffe4e1
████鲜肉(鲑鱼色) Salmon   #fa8072
████雪白Snow#fffafa
████淡珊瑚色LightCoral #f08080
████玫瑰棕色RosyBrown#bc8f8f
████印度红IndianRed#cd5c5c
████纯红Red#ff0000
████棕色Brown #a52a2a


████火砖火砖色(耐火砖) FireBrick#b22222
████深红色DarkRed#8b0000
████栗色Maroon #800000
████纯白White#ffffff
████白烟WhiteSmoke#f5f5f5
████淡灰色(庚斯博罗灰)Gainsboro #dcdcdc
████浅灰色LightGrey#d3d3d3
████银灰色Silver#c0c0c0
████银灰色Silver#c0c0c0
████深灰色DarkGray #a9a9a9
████暗淡的灰色DimGray #696969
████ 灰色 Gray #808080



████ 纯黑 Black #000000

ぺHaDean丶苏拉 发表于 2013-3-19 17:35:41

【 简 单 的 表 格 设 计 】


http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/11309412842707.jpg


行数 就是我们表格要做竖着要摆多少个
列数 就是横着表格有多少个
宽度 就是这个表格的宽度(表格是不用考虑高度的)



颜色 就是你做这个表格的底色
你可以填英文red black等
直接把代码复制到颜色里即可
　
现在通过我的介绍大家应该对这四个东西的功能很明白了

下面我就具体将一些表格的技巧和效果








解析基本的表格

第一

宽度差10和宽度差20或者差多少
有什么不一样(差多少=是表格宽度-图片宽度)
下面我就做一个示范 当你要做一个头像表格的时候

http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/21309413356648.jpg



因为我选择的图片宽度是190
所以我第一层选用的表格宽度比图片宽10的，宽度为200


               



但我们要插入图片到表格的时候
注意 ：把表格中间的“空格”去掉


http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/41309413704765.jpg

这样简单的一层就完成了。

但我们制作差20的表格时候，依照上面的操作。制作宽度210的表格


http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/41309413704765.jpg








第二

如何把一个表格插入到另一个表格当中
注意：表格只可以插入到比它宽度大的表格当中

下面我做个示范。下面我做个图片大小为260，185的

首先。制作一个宽度为280的黄绿色表格
（因为这个表格是2层的，所以表格宽度=图片宽度+10+10）


      


然后。再制作一个宽度为270的仓绿色表格，用于插入上个表格


         


最关键的一步 把鼠标放在仓绿色表格的最后面
然后从后拉到仓绿色表格的前面 按Ctrl+C
最后把鼠标点到黄绿色表格内 按CTrl+V 即可
或者直接在表格里继续做表格



      



最后。我们把图片插入第二层表格中


   
http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/51309414687027.jpg


这样，可以举一反三插入多层表格









第三

表格制作如何多行多列？
比如我们传了4个头像 可以行2、列2
宽度就是=（190+10）*2
也就是400 而不是200

http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/31309415130473.jpg



http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/41309413704765.jpghttp://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/41309413704765.jpg
http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/41309413704765.jpghttp://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/41309413704765.jpg











第四

为什么有的人表格是【线】的效果
　
其实这个线就是一个表格
把表格里面的空格去掉 表格里没有东西

如这个：


      






PS：补充一点 黑色表格里面的白色的表格线
会略微比别的颜色的粗一点
　
普通颜色的：


   


白色的：


   

ぺHaDean丶苏拉 发表于 2013-3-19 17:36:22

♡♥♥♥♥♥♥♥♡ ♡♥♥♥♥♥♥♥♡


◤ ◥










http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/61309416654220.jpg










http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/61309416654220.jpg













◣ ◢


♥♥♥♥♡♥♥♥♥♥♥♥♡ ♡♥♥♥♥♥♥♥♡ ♥♥♥

♡♥♥♥♥♥♥♥♡ ♡♥♥♥♥♥♥♥♡


◤ ◥







http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/61309416654220.jpg







http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/61309416654220.jpg









◣ ◢


♥♥♥♥♡♥♥♥♥♥♥♥♡ ♡♥♥♥♥♥♥♥♡ ♥♥♥

ぺHaDean丶苏拉 发表于 2013-3-19 17:36:51

I ♥YOU































http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/010650p9h68j2iwjb8zb2h.jpg






































I ♥YOU

















http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/010650p9h68j2iwjb8zb2h.jpg

ぺHaDean丶苏拉 发表于 2013-3-19 17:37:19

UID:3






http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/010650p9h68j2iwjb8zb2h1309444810712.jpg







❤❤❤❤❤❤❤❤❤

【HaDean】

激扬青春

游戏风采

弘扬HaDean文化巅峰



❤❤❤❤❤❤❤❤❤













UID:3






http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/010650p9h68j2iwjb8zb2h1309444810712.jpg







❤❤❤❤❤❤❤❤❤

【HaDean】

激扬青春

游戏风采

弘扬HaDean文化巅峰



❤❤❤❤❤❤❤❤❤

ぺHaDean丶苏拉 发表于 2013-3-19 17:38:07

╭⌒⌒╮╮
   ╭⌒⌒╮╮
　　　　╰﹀﹀╯
　    ┇　┇　┇
　      　┇　┇
　　          ┇
          ∧,,,∧
      /●   ●\
      ╰ /] - [\╯
http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/010650p9h68j2iwjb8zb2h1309444810712.jpg
















╭⌒⌒╮╮
   ╭⌒⌒╮╮
　　　　╰﹀﹀╯
　    ┇　┇　┇
　      　┇　┇
　　          ┇
          ∧,,,∧
      /●   ●\
      ╰ /] - [\╯
http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/6/30/010650p9h68j2iwjb8zb2h1309444810712.jpg

ぺHaDean丶苏拉 发表于 2013-3-19 17:38:31

HaDean




























































































































HaDean

ぺHaDean丶苏拉 发表于 2013-3-19 17:41:45

"————————————————————————


┏━Y━━━━━━━━━━━━━━━━━━━━━┓

http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/7/1/-672a-547d-540d1309521649232.jpg


你从不知道我有多爱你

你只顾着自己快乐

却从不正视我受到的伤害

那些我的付出在你眼里成了理所当然

即使我哪一天从你身边离开了

你也不会觉得缺少了什么

这样的爱情我不想要

这样的感情我也不需要


┗━━━━━━━━━━━━━━━━━━━━Y━━┛





         ——————————————————————"













"————————————————————————


┏━Y━━━━━━━━━━━━━━━━━━━━━┓
http://pic.qnpic.com:83/r.jsp?fn=//hadean/share/2011/7/1/-672a-547d-540d1309521649232.jpg


你从不知道我有多爱你

你只顾着自己快乐

却从不正视我受到的伤害

那些我的付出在你眼里成了理所当然

即使我哪一天从你身边离开了

你也不会觉得缺少了什么

这样的爱情我不想要

这样的感情我也不需要


┗━━━━━━━━━━━━━━━━━━━━Y━━┛




         ——————————————————————"

ぺHaDean丶苏拉 发表于 2013-3-19 17:42:33

▒ █ ▒ █ ▒ █ ▒ █ ▒ █ ▒ █ ▒ █






▒ █ ▒ █ ▒ █ ▒ █ ▒ █ ▒ █ ▒ █








▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨
◆◇丶

      时间过旳太快,带走了很多人。
      时间过旳太慢,始终忘不掉很多人。
      这样一个矛盾体存在在峩生命之中
      然后峩加速了脚步。
      比时间快了一步,忘记了该忘记旳人。
      
▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨








▒ █ ▒ █ ▒ █ ▒ █ ▒ █ ▒ █ ▒ █






▒ █ ▒ █ ▒ █ ▒ █ ▒ █ ▒ █ ▒ █

查看完整版本: HaDean 表格学习及部分表格成品代码（不断补充）