澳门美高梅网上开户:〓★〓 怎样设置表格图片边框 〓★〓

来源:百度文库 编辑:中财网 时间:2024/05/08 02:27:42
空间日志表格边框是在超文本标记语言模式下来设置的完成,表格边框分为两种,一种是表格色码边框,另一种是表格图片边框。前面我们学习了表格色码边框,只要在色码边框的代码中减去四周边框的指令标签,添加上链接图片指令标签,那么这个代码就变成了表格图片边框的代码了。边框的形成过程就像生活中吃完饭收盘子一样,大盘子铺底,中号盘子放在大盘子里,再把小号盘子放在中号盘子里,这样就形成了由大到小的堆叠形式,对着盘子的中央看,盘子外面露出三层边缘,这三层边缘就是表格图片边框的形成过程!所以呀!不要一张嘴老是两个不会:这也不会,那也不会!听多了,恼心呀!
表格图片边框原始代码如下




更多图文添加点

〓★〓 表格图片边框原始代码分解如下 〓★〓
桃色的代码 borderColor=#d9006c 是指边框背景的颜色。 d9006c 是颜色代号可更换。
黄色的代码 cellSpacing=30 是指边框与边框之间的间距,也就是边框净宽度。
橙色的代码 width="100%" 是指边框的总宽度,100% 是自然平铺。
绿色的代码 bgColor=#878846 是指边框外边缘;其中的 878846 是颜色代号,可更换。
紫色的代码 border=0 是指边框外边缘线条的粗细;设为“0”表示无线条,可更改。
红色的代码  是表格结束尾标签。
豆绿的代码  是表格主体首标签; 是表格主体结尾标签。
粉红的代码  是表格一行的首标签; 是表格一行的尾标签。
浅紫的代码  是表格一列的尾标签。
兰色的代码 cellPadding 是指隔开单元格与单元格空间 0 为无宽度,可忽略。
金紫的代码 align=center 是边框居中的标签。
金色的代码 BACKGROUND-IMAGE: url 是指在一个边框的背景中设置一个图片的地址。
多层表格图片边框的添加方法:  1、复制原始图片边框代码,在HTML编辑模式下,复制粘贴图片边框原始代码,将原始代码里的《粘贴图片地址》六个汉字删除,换上你所需要的图片地址。     2、调整代码里的各个数据信息,点击预览边框的宽窄度满意为止,这是第一层边框。    3、 删除《更多图文添加点》七个汉字,再次复制图片边框原始代码并粘贴在《更多图文添加点》的位置,调整代码里的各个数据信息,点击预览边框的宽窄度满意为止,这是第二层边框。第三层、第四层、、、、十层八层的添加的方法是,重复第三步骤即可。每加一层边框,要记得调整代码里的数据信息,点击预览满意为止。预览时,会出现表格边框高度不够,不用担心,等你加载了文字或图片后就会自动加大。        了解图片边框代码的名称和作用,熟悉代码的组合方式。综合引用《纯代码日志边框旗舰大全》里的空间大众化通用款式,前后穿插,形成对比使你的日志边框变化无穷。代码给你了,方法给你了,别等着拿现成,那不是真正的学习!不要靠转载日志的数量来提高你学习的质量!转载的再多从头翻到尾就够你辛苦的啦!何况变来变去不就是拿几张图片和颜色来忽悠你,换汤不换药!有的朋友为了牙长一点代码的使用方法,竟然要花钱去学!有那些钱呀!你给路边的乞丐,鄙人将在远方向你祈福!目前在空间支持能用的代码十分有限,学习中会遇到一些小问题,多试几次,没有实践就没有发言权
空间日志边框是在 HTML 编辑模式下来完成的。那什么是 HTML 呢?HTML 英文全称是 (HyperText Mark-up Language) 中文叫做超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。
HTML 文本是由 HTML 命令组成的描述性文本,HTML 命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部和主体两大部分,头部用来设置浏览器所需的信息,主体则包含所要的说明和文件内容。    更为难懂的是XHTML,XHTML 中的X是可扩展的意思,XHTML就是可扩展的超文本标记语言,它比 HTML 有更严格的要求。如果说 HTML 是汉语,那么 XHTML 就是标准的普通话。这是后话。。。。
制做边框,其实更正确的说是设置表格,因为俗称边框代码的第一个标签
 是表格一列的首标签;
和结尾标签
,它在超文本标记语言中就是《表格标签》的命令,所以,只要一有它就等于是告诉电脑,我要做表格! -----------------------    简单才是软办法     实用才是硬道理
表格标签边框原始代码如下




此处输入您的日志图文

表格分解;代码中的:
黄色的代码 RIGHT: #00ff00 是指右边框;其中的 00ff00  是颜色代号,可随意更换。
桃色的代码 TOP: #00ff00 是指上边框;其中的 00ff00 是颜色代号,可随意更换。
橙色的代码 LEFT: #00ff00是指左边框;其中的 00ff00 是颜色代号,可随意更换。
白色的代码 BOTTOM: #00ff00 是指下边框;其中的 00ff00 是颜色代号,可随意更换。
金色的代码 COLOR: #ff0000 是指边框以内的背景;其中的 ff000 是颜色代号,可更换。
兰色的代码 10px 是边框宽度;其中的数值10 可随意更换。
紫色的代码 cellSpacing=0是指边框与边框之间的间距;设为“0”表示无间距可更改。
以上原始代码表格边框效果类同本日志边框效果在此不做重复演示!红色的代码是表格结束尾标签。
豆绿的代码是表格主体(正文)标签。是表格主体结尾的标签。
粉红的代码是表格一行的标签;是表格一行的尾标签。
浅紫的代码是表格一列的尾标签。
了解以上表格标签的名称和作用,结合原始表格代码,熟悉表格标签的组合方式。复制原始表格标签代码,在HTML编辑模式下,复制粘贴原始表格代码,逐个更换标签里的数字和颜色代码,点击预览观察表格的变化。预览时,表格边框会出现过小,不用担心,等你加载了文字或图片后会自动加大。这是一组适应于空间的大众化通用组合代码,只要稍加修整即可演化成十多种不同款式的边框,加上线条粗细的变化和颜色的变化,结合表格分割版块,就可以演化出成千上万种表格边框。可以尝试学习,把绿色的 ridge 标签分批次更换成 dotted、dashed、solid、double、groove、inset、outset 领略其中奥妙!        多层表格边框添加的方法是: 1、将原始表格边框代码里的各个数据信息调整好后待用,这是第一层边框。 2、复制调试好了的全部边框代码。  3、删除《此处输入您的日志图文》十个汉字,把调试好了的边框代码粘贴在《此处输入您的日志图文》的位置,这是第二层边框。至于第三层、第四层、、、、十层八层的怎么加?只需重复以上三个步骤即可。每加一个边框,要记得调整代码里的数据信息,以免乱套!发挥想象,创意无限!        没有必要像有的人一样空间全是转载资料,其实连她自己也不知道从哪里学起!我们的空间再大也不是垃圾回收站!调换颜色和调换图片忽悠着你不停的转载!它给表格边框原始代码蒙上了一层神秘的面纱!目前,真正在空间支持能用的代码屈指可数!不要让那花花绿绿的图片迷惑你那迷人的眼睛!不要让那裹脚布般的代码来防碍你那求学的渴望!
〓★〓 漂亮空间从好色做起 〓★〓
ffff00ffff33ffff66ffff99ffffccffffff
ffcc00ffcc33ffcc66ffcc99ffccccffccff
ff9900ff9933ff9966ff9999ff99ccff99ff
ff6600ff6633ff6666ff6699ff66ccff66ff
ff3300ff3333ff3366ff3399ff33ccff33ff
ff0000ff0033ff0066ff0099ff00ccff00ff
ccff00ccff33ccff66ccff99ccffccccffff
cccc00cccc33cccc66cccc99ccccccccccff
cc9900cc9933cc9966cc9999cc99cccc99ff
cc6600cc6633cc6666cc6699cc66cccc66ff
cc3300cc3333cc3366cc3399cc33cccc33ff
cc0000cc0033cc0066cc0099cc00cccc00ff
99ff0099ff3399ff6699ff9999ffcc99ffff
99cc0099cc3399cc6699cc9999cccc99ccff
9999009999339999669999999999cc9999ff
9966009966339966669966999966cc9966ff
9933009933339933669933999933cc9933ff
9900009900339900669900999900cc9900ff
66ff0066ff3366ff6666ff9966ffcc66ffff
66cc0066cc3366cc6666cc9966cccc66ccff
6699006699336699666699996699cc6699ff
6666006666336666666666996666cc6666ff
6633006633336633666633996633cc6633ff
6600006600336600666600996600cc6600ff
33ff0033ff3333ff6633ff9933ffcc33ffff
33cc0033cc3333cc6633cc9933cccc33ccff
3399003399333399663399993399cc3399ff
3366003366333366663366993366cc3366ff
3333003333333333663333993333cc3333ff
3300003300333300663300993300cc3300ff
00ff0000ff3300ff6600ff9900ffcc00ffff
00cc0000cc3300cc6600cc9900cccc00ccff
0099000099330099660099990099cc0099ff
0066000066330066660066990066cc0066ff
0033000033330033660033990033cc0033ff
0000000000330000660000990000cc0000ff
【代码说明】     十六进制颜色代码是计算机数据中的一种表示方法。它是由0-9,A-F,组成,这是基本概念。经典的空间日志,其实就是视觉艺术和听觉艺术的完美结合,而视觉艺术的本身就是色彩的世界,缤纷的海洋!所以要想做好空间,就得从好“色”做起!至少也得有一定的了解和备用,以免需要时产生不必要的麻烦!以上颜色代码在制作空间时会大量用到,用时仅需复制颜色表中的代码,粘贴到需要更换的地方即可。十六进制颜色参考表
序号常规样式演示         HTML代码复制区001
点线边框表格
是表格一列的标签;




点线边框表格

002
虚线边框表格




虚线边框表格

003
单线边框表格




单线边框表格

004
双线边框表格




双线边框表格

005
单棱立体表格




单棱立体表格

006
槽线立体表格




槽线立体表格

007
脊线立体表格




脊线立体表格

008
内凹立体边框




内凹立体边框

009
外凸立体边框




外凸立体边框

010
方点带线边框




方点带线边框

011
外虚内实边框





外虚内实边框

012
无边色版表格




无边色版表格

013
凸凹立体表格
凸凹立体表格

014
静动图片表格
【代码说明】表格代码除了制表用外,还有一个很重要的作用就是编写日志时割分版块,就是说能把一篇日志版面分割成几个文版模块!以上代码中的width=285 是表格的宽度。 height=40 是表格的高度 。 是换行作用。
 是列,编辑文件是在列上,从左至右。cellSpacing=2 表示外表格框与内表格框的距离,默认值为二个像素;cellPadding=2 表示图与边框四周的距离,默认为二个像素。border=0 边框宽度默认值为0,即没有边框;bgColor=# ff0000 代表背景颜色;borderColor=# ff0000代表边框颜色;borderColorDark=# 00ff00 代表内边框上左的颜色,又叫暗边框的顏色;bordercolorlight=# 0000FF 代表内边框下的右颜色,又叫亮边框的顏色。以上代码中的各个数值仅做说明使用,在引用中应按实际需要另行调整!代码中的# 00ff00为颜色代码可以随意更换,十六进制颜色参考明细表。祝您成功!

在此滚动鼠标或点击上下三角及点住拉动条上下拉动均可获得滤镜定位优化压缩代码








更多图片添加点



【使用说明】:这是一组HTML模式代码,须在HTML编辑模式状态下使用以上代码。利用底图、多图片、定位滤镜的合理搭配,使图片产生梦幻重叠,遐想无限,大小由人,可操可控,从而不用专业软件也能做出梦幻无穷的美图!     1、代码中所有的桃色的#ae0000是边框四周的色号,可参考16进制颜色明细表请点击这里任意更换。2、代码中所有的兰色的width=600、height=400代表边框或图片的长度和宽度,其中数字部分可以根据实际需要更改。3、代码中所有的红色粘贴背景图片地址和粘贴滤镜定位一、二、三图片地址的汉字必须删除,并换上您自己想要的图片地址。4、代码中所有的棕色LEFT: 120px里的数字越大定位图片越向右移;所有的棕色TOP: 20px里的数字越大定位图片越向下移。5、如需添加透明图片,复制代码中橙色底色


 



 


 

 


 


 


 


 


 


 


 


 


 


 


 

 



在线编辑网址:http://www.wyzxsx.com/editor.asp
下面是边框源代码:













 

  

 


 


 


 


 


 


 


 

   





下面是边框源代码:










   

 


 


 


 


 


 


 


 


 


 


 


 

   

第一步:打开HTML在线编辑器,没有HTML在线编辑器的朋友,先在百度搜索HTML在线编辑器。
第二步:点开编辑器里面的这个图标
第三步:填写表格属性,如图:

这里的背景颜色也可以决定花的底色和信纸颜色,编辑下面的层次时就可以不填了,颜色自己搭配好了。背景图片就是图片的属性地址,复制进来就可以了。
第四步:前面一步编辑完后,会出来几个方格子,这时把光标移到第一个方格顶端,右键点单元格属性,如图:

这里的百分比是决定花两边的宽度,可根据自己的喜好来定,边框颜色最好和信纸颜色相近,点边框颜色处的小方格,这里是调整颜色的地方。背景颜色自己定,一般用黑色比较好看些,也可根据图片相近的颜色来定。这里的背景图片是决定花两边的图片,点你图片的所在地属性地址,复制进去就可以了。
第五步:把光标移到第二个方格顶端,右键点单元格属性,如图:

这里只是百分比不同,方法同上,百分比是决定花的宽定,只要调整到花显示完整的数字就可以了。
第六步:把光标移到第三个方格顶端,右键点单元格属性,方法同第四步一样。此时左边的边框编辑完了。
下面再来编辑右边的边框,懂得玩边框的朋友,其实两边可以同时一起编辑,这样比较省事些,两边都是从顶端开始。
右边边框第一步:把光标移到最后一个方格,此时的光标会在这个格子的前端,我们点下右对齐,光标就会到要编辑格子的右前端,我们先点上面的右键点单元格属性,方法同左边编辑第四步一样,请看上面步骤。
右边边框第二步:把光标移到最后第二个方格前端,我们点下右对齐,光标就会到要编辑格子的右前端,右键点单元格属性,方法同左边编辑第五步一样,请看上面步骤。
右边边框第三步:把光标移到最后第三个方格前端,我们点下右对齐,光标就会到要编辑格子的右前端,右键点单元格属性,方法同左边编辑第四步一样,请看上面步骤。
哈哈,边框大功告成啦。

',1)">
这几款只是在百分比那里调整了数字,
所以边框的宽窄就显示出不一样效果。
下面是边框源代码: