登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

美好韵程的博客

爱情的结晶

 
 
 

日志

 
 

表格边框代码应用  

2015-01-24 20:36:21|  分类: 边框制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

表格边框代码应用

 

一、表格的基本代码:

           表格由<TABLE><TR><TD></TD></TR></TABLE>这六标签以及border这个属性组合而成,可以通过在代码中加入更多属性来实现表格的各种不同样式。

       1、最简单的表格:

代码:

<TABLE border=1>

<TR><TD>表格内容</TD></TR>

</TABLE>    

效果:

表格内容

 

            说明:表格内的表格内容可以是文字、图片、flash、链接网址等。

 

      2 、多单元表格:

代码:

<TABLE border=1>

<TR><TD>表格内容</TD> <TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

表格内容

表格内容

 

 

      3 、多行多列表格:

代码:

<TABLE border=1>

<TR><TD>表格内容</TD><TD>表格内容</TD><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

表格内容

表格内容

表格内容

表格内容

表格内容

 

 

二、表格栏位合并的代码:

      表格栏位合并基本上分为行合并和列合并两种。

      1、左右栏位合并的表格:

代码:

<TABLE border=1>

<TR><TD colspan=3>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

表格内容

表格内容

表格内容

 

           说明:首行的<TD>标签中多了一个colspan命令,这是左右栏位合并的属性,colspan=3的意思是首行合并了3个单元格,因此后面的的两个<TD>都可以省掉,因为那两格被合并了。

 

      底行左右栏位合并的表格:

代码:

<TABLE border=1>

<TR><TD>表格内容</TD><TD>表格内容</TD><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD><TD>表格内容</TD></TR>

<TR><TD colspan=3>表格内容</TD></TR>

</TABLE>

效果:

表格内容

表格内容

表格内容

表格内容

表格内容

表格内容

表格内容

 

           说明:底行的<TD>标签中多了一个colspan命令,这也是左右栏位合并的属性,colspan=3的意思是底行合并了3个单元格,因此后面的的两个<TD>都也可以省掉。

  

       2、上下栏位合并的表格:

代码:

<TABLE border=1>

<TR><TD rowspan=2>表格内容</TD><TD>

表格内容</TD><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

表格内容

表格内容

表格内容

表格内容

 

           说明:首列的<TD>标签中则多了个rowspan命令,这是上下栏位合并的属性,rowspan=2的意思是首列合并了2个单元格

三、表格的对齐设置:

      1、表格边框大小的设置,可通过增加表格的“width”“height”的属性来设定表格的宽度高度,其宽度和高度由数值(即像素数)决定。

代码:

<TABLE height=80 width=300 border=1>

<TR><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

 

         

      2、表格中的内容默认位置靠左,只要在<TD>标签加入居中属性“align=center”即可将表格内容居中:

代码:

<TABLE height=80 width=300 border=1>

<TR><TD align=center>表格内容</TD></TR>

</TABLE>

效果:

表格内容

 

 

      3、在<TD>标签中加入“valign=top”属性可将表格中的内容靠上方对齐。

代码:

<TABLE height=80 width=300 border=1>

<TR><TD align=center valign=top>表格内容</TD></TR>

</TABLE>

效果:

表格内容

 

 

四、表格的背景设置:

       1、表格背景颜色(即边框内的底色)可利用“bgcolor=颜色码进行设定,颜色码可根据爱好选定。

代码:

<TABLE bgcolor=#660000 border=1>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

表格内容

表格内容

表格内容

 

          

      如果将bgcolor="颜色码"加在<TR>中,可以指定一行的背景颜色::

代码:

<TABLE border=1>

<TR bgcolor=#660000><TD>表格内容</TD><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

表格内容

表格内容

表格内容

 

 

      如果将bgColor="颜色码"加在<TD>中,可以指定一栏的背景颜色:

代码:

<TABLE border=1>

<TR><TD bgcolor=#660000>表格内容</TR><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

表格内容

表格内容

表格内容

 

 

      2、表格的底色也可以用图片来代替,只要将background="图片地址"加到表格中就行了,方法和表格背景颜色基本一样。

代码:

<TABLE background=图片地址 border=1>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

表格内容

表格内容

表格内容

 

           

      如果将background="图片地址"加在<TD>中,可以指定一栏的背景:

代码:

<TABLE border=1>

<TR><TD background=图片地址>表格内容</TD><TD>表格内容</TD></TR>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

 

表格内容

表格内容

表格内容

表格内容

 

         

五、表格的框线设置:

      1、设定表格框线的粗细,只需将属性“border”的数值设置成自己满意即可,如将1改成5

代码:

<TABLE border=5>

<TR><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

 

         

      2、表格框线颜色的设定,只需将属性“borderColor”的颜色码设置成自己满意即可:

代码:

<TABLE borderColor=#0080FF border=5>

<TR><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

 

 

      3、设定表格的阴影、亮面颜色,可以使表格的边框更富立体感,只需将属性“borderColorLight”的颜色码(亮面)和“ borderColorDark”的颜色码(暗面)选定即可:

代码:

<TABLE borderColorDark=#004B97

borderColorLight=#62B0FF border=5>

<TR><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

 

 

六、表格栏距设置:

       1、利用“cellpadding”属性设定表格内容与格线之间的距离,其默认值为2,以自己满意即可:

代码:

<TABLE cellpadding=5 border=1>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

表格内容

 

 

      2、利用“cellspacing”属性设定表格栏位格线之间的距离。其默认值为2,以自己满意即可: 

代码:

<TABLE cellspacing=5 border=1>

<TR><TD>表格内容</TD><TD>表格内容</TD></TR>

</TABLE>

效果:

表格内容

表格内容

 

 

附:表格常用属性

       
1<TABLE></TABLE>定义表格的元素。分别作起、始标识符,网页中有几张表格,就有几对此元素。      

2<TR></TR>定义表格中的元素。在表格中有几对此元素就表示当前表格中有几行。

3<TD></TD>表示一行中单元格的元素。一行中有几对此元素,就有几个单元格。

4border表格外框线宽度,属性值为数字。如border=5,表示表格边框的粗细为5个像素(默认值为1),为0表示没有边框。

5borderColor 表格的边框线颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。如borderColor=#0080FF,表示表格边框线的颜色为蓝色(默认值为白色)。

6bordercolorlight亮边框(表格的左边和上边框)颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。

7bordercolordark暗边框(表格的右边和下边框)颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。

8bgcolor表格的背景颜色,属性值为各种颜色代码。
 bgcolor=#FF0000,表示表格背景色为红色(默认值为无色)。

9background表格的背景图案,属性值为有效的图片地址。

10cellpadding表示单元格内容与单元格边框之间的距离,属性值为数字。

11cellspacing表示表格中各单元格的间距,属性值为数字。当表格只有一个单元格时,则表示该单元格与表格边框的距离。

12width表格的宽度,属性值为像素和百分比两种。

13height表格的高度,取值方法同width

14align表格的对齐方式,属性值为left(左对齐,默认)、center(居中)以及right(右对齐)。

15colspan定义合并表格的列数,属性值是数字。

16rowspan定义合并表格的行数,属性值是数字。

17<DIV align=center></DIV> 表格边框在网页内置中。

18<caption></caption> 建立表格的标题,通过align属性定义标题的位置,其属性有四:即 top(在表格上方)、bottom(在表格下方)、left(在表格的左上方)、right(在表格的右上方)。

 

表格应用实例(一)

 

    一、单列表格:

代码:

<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10

width=600 align=center border=3><TBODY>
<TR><TD>
<A href="
链接网址" target=_blank>文字</A></TD></TR>
<TR><TD>
<A href="
链接网址" target=_blank>文字</A></TD></TR>
<TR><TD>
<A href="
链接网址" target=_blank>文字</A></TD></TR>

</TBODY></TABLE>

效果:

文字

文字

文字

 

 

    二、双列表格:

代码:

<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10

width=600 align=center border=3><TBODY>
<TR><TD width="50%">
<A href="
链接网址" target=_blank>文字</A></TD>
<TD width="50%">
<A href="
链接网址" target=_blank>文字</A></TD></TR>
<TR><TD>
<A href="
链接网址" target=_blank>文字</A></TD>
<TD>
<A href="
链接网址" target=_blank>文字</A></TD></TR>
<TR><TD>
<A href="
链接网址" target=_blank>文字</A></TD>
<TD>
<A href="
链接网址" target=_blank>文字</A></TD></TR>

</TBODY></TABLE>

效果:

文字

文字

文字

文字

文字

文字

 

 

          三、四列表格:

代码:

<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10

width=600 align=center border=3><TBODY>
<TR><TD width="25%">
<A href="
链接网址" target=_blank>文字</A></TD>
<TD width="25%">
<A href="
链接网址" target=_blank>文字</A></TD>
<TD width="25%">
<A href="
链接网址" target=_blank>文字</A></TD>
<TD width="25%">
<A href="
链接网址" target=_blank>文字</A></TD></TR>
<TR><TD>
<A href="
链接网址" target=_blank>文字</A></TD>
<TD>
<A href="
链接网址" target=_blank>文字</A></TD>
<TD>
<A href="
链接网址" target=_blank>文字</A></TD>
<TD>
<A href="
链接网址" target=_blank>文字</A></TD></TR>
<TR><TD>
<A href="
链接网址" target=_blank>文字</A></TD>
<TD>
<A href="
链接网址" target=_blank>文字</A></TD>
<TD>
<A href="
链接网址" target=_blank>文字</A></TD>
<TD>
<A href="
链接网址" target=_blank>文字</A></TD></TR>

</TBODY></TABLE>

效果:

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

 

 

       四、首行合并,以下两列:

代码:

<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10

width=600 align=center border=3><TBODY>

<TR><TD align=center colSpan=2>
<A href="
链接网址" target=_blank>文字</A></TD></TR>
<TR><TD width="50%">
<A href="
链接网址" target=_blank>文字</A></TD>
<TD width="50%">
<A href="
链接网址" target=_blank>文字</A></TD></TR>
<TR><TD>
<A href="
链接网址" target=_blank>文字</A></TD>
<TD>
<A href="
链接网址" target=_blank>文字</A></TD></TR>

</TBODY></TABLE>

效果:

文字

文字

文字

文字

文字

 

         

      五、首行合并,以下三列:

代码:

<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10

width=600 align=center border=3><TBODY>
<TR><TD align=center colSpan=3>
<A href="
链接网址" target=_blank>文字</A></TD></TR>
<TR><TD width="33.33%">

<A href="链接网址" target=_blank>文字</A></TD>
<TD width="33.33%">

<A href="链接网址" target=_blank>文字</A></TD>
<TD width="33.33%">

<A href="链接网址" target=_blank>文字</A></TD></TR>
<TR><TD>

<A href="链接网址" target=_blank>文字</A></TD>
<TD>

<A href="链接网址" target=_blank>文字</A></TD>
<TD>

<A href="链接网址" target=_blank>文字</A></TD></TR>

</TBODY></TABLE>

效果:

文字

文字

文字

文字

文字

文字

文字

 

 表格应用实例(二)

 

        当表格中只有一个单元格时,它实际就是一个日志边框。

一、颜色边框:

  1、单色边框、透明背景、固定宽度的边框:

代码:

<TABLE borderColor=#0080ff  cellSpacing=5 cellPadding=5 

width=600 align=center border=10>

<TR><TD>日志内容</TD></TR>

</TABLE>

效果:

日志内容

       说明:边框的高度可随日志内容进行调整。

 

 

  2、阴影边框、颜色背景、固定宽度的边框:

代码:

<TABLE cellSpacing=5 borderColorDark=#004B97

  cellPadding=5 width=600 align=center

bgColor=#660000 borderColorLight=#62B0FF border=10>

<TR><TD>日志内容</TD></TR>

</TABLE>

效果:

日志内容

 

 

  3、双色边框、颜色背景、固定宽度的边框:

代码:

<TABLE borderColor=#0080ff  cellSpacing=5 cellPadding=5 

width=600 align=center bgColor=#660000 border=10>

<TR><TD borderColor=#ffffff>日志内容</TD></TR>

</TABLE>

效果:

日志内容

 

          说明:<TD>标签中多了一个“borderColor=#ffffff”,表示内框线颜色。

                     width=100%,表示边框的宽度为最大化。

 

 

二、图片边框:

      1、图片边框、颜色背景、固定宽度的边框:

代码:

<TABLE cellSpacing=15  width=600  
background=
图片地址><TR>

<TD bgColor=#660000>日志内容</TD>

</TR></TABLE>

效果:

日志内容

 

 

       2、单层图片边框、颜色细框、颜色背景、最大化宽度的边框:

代码:

<TABLE borderColor=#0080ff cellSpacing=15  width="100%"

background=图片地址 border=2><TR>

<TD borderColor=#0080ff bgColor=#660000 border=2>日志内</TD>

</TR></TABLE>

效果:

日志内容

 

     说明: width=100%,表示边框的宽度为最大化。

 

 

       3、多层图片边框、颜色细框、图片背景、固定宽度的边框:

代码:

<TABLE borderColor=#0080ff cellSpacing=3  cellPadding=5

width=600 align=center background=图片地址 border=1>
<TR><TD>
<TABLE borderColor=#0080ff cellSpacing=30  cellPadding=5

width="100%" align=center background=图片地址 border=1>
<TR><TD>
<TABLE borderColor=#0080ff cellSpacing=3  cellPadding=5

width="100%" align=center background=图片地址 border=1>
<TR><TD>
<TABLE borderColor=#0080ff cellSpacing=10  cellPadding=5

width="100%" align=center background=图片地址 border=1>
<TR><TD align=center background=
图片地址>

日志内容</TD></TR></TABLE></TD></TR></TABLE>

</TD></TR></TABLE></TD></TR></TABLE>

效果:

日志内容

 

 

表格应用实例(三)

 

 

  

<TABLE borderColor=#ff00000 cellSpacing=5  cellPadding=1

 width=650 align=center background=图片地址 border=1>
<TR><TD>
<TABLE borderColor=#
ff0000 cellSpacing=20  cellPadding=1

 width="100%" align=center background=图片地址 border=1>
<TR><TD>
<TABLE borderColor=#
ff00000 cellSpacing=5  cellPadding=1

 width="100%" align=center background=图片地址 border=1>
<TR><TD>
<TABLE borderColor=#
ff0000 cellSpacing=10  cellPadding=1

 width="100%" align=center background=图片地址 border=1>
<TR><TD align=center background=
图片地址>日志内容</TD></TR></TABLE></TD></TR></TABLE></TD></TR>

</TABLE></TD></TR></TABLE>

 

说明:

更换代码中的图片地址,或相关属性的数值

可得到风格、色彩各异的日志边框。

 

 

 

 

 表格应用实例(四)

 

 

   

 

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

 

  

 

 

说明:

日志边框和表格分别以同样的图片作背景(黑色星空)。 

 

 

 表格应用实例(五)

 

 

   

 

文字

文字

文字

 

文字

文字

文字

 

文字

文字

文字

 

文字

文字

文字

 

文字

文字

文字

 

文字

文字

文字

 

文字

文字

文字

 

文字

文字

文字

 

文字

文字

文字

 

文字

文字

文字

 

  

 

 

 注:日志边框和表格分别以不同颜色作背景。

 

几款凸感边框代码

 

一、颜色背景、固定宽度的凸感边框:

 

<TABLE style="BORDER-RIGHT: #66CDAA 15px ridge;

BORDER-TOP: #66CDAA 15px ridge;

BORDER-LEFT: #66CDAA 15px ridge;

BORDER-BOTTOM: #66CDAA 15px ridge;

BACKGROUND-COLOR: #660000" cellSpacing=1>
<TBODY><TR><TD>
<TABLE cellSpacing=1 width=600 border=2>
<TBODY><TR><TD>

日志内容

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>


 

 

日志内容

 

 

 

二、图片背景、固定宽度的凸感边框:

 

<TABLE style="BORDER-RIGHT: #66CDAA 15px ridge;

BORDER-TOP: #66CDAA 15px ridge;

BORDER-LEFT: #66CDAA 15px ridge;

BORDER-BOTTOM: #66CDAA 15px ridge;" cellSpacing=1>
<TBODY><TR><TD>
<TABLE cellSpacing=1 width=600 background=
图片地址 border=2>
<TBODY><TR><TD>

日志内容

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

 

 

 

日志内容

 

 

 

三、透明背景、最大化宽度的凸感边框:

 

<TABLE style="BORDER-RIGHT: #66CDAA 15px ridge;

BORDER-TOP: #66CDAA 15px ridge;

BORDER-LEFT: #66CDAA 15px ridge;

BORDER-BOTTOM: #66CDAA 15px ridge;

WIDTH: 100%;" cellSpacing=1>
<TBODY><TR><TD>
<TABLE cellSpacing=1 width="100%" border=2>
<TBODY><TR><TD>

日志内容

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

 

 

 

日志内容

 

 

 

四、透明背景、弹性化宽度的凸感边框:

 

<TABLE style="BORDER-RIGHT: #66CDAA 15px ridge;

BORDER-TOP: #66CDAA 15px ridge;

BORDER-LEFT: #66CDAA 15px ridge;

BORDER-BOTTOM: #66CDAA 15px ridge;" cellSpacing=1>

<TBODY><TR><TD><TABLE border=1>

<TBODY><TR><TD><TABLE border=1>

<TBODY><TR><TD><TABLE border=1>

<TBODY><TR><TD>

日志内容

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

 

 

日志内容

 

 

   

1、代码中 BORDER-RIGHT: 表示右边框;BORDER-TOP: 表示上边框;BORDER-LEFT: 表示左边框;BORDER-BOTTOM: 表示下边框。数值15px为边框线的宽度,可调整。 ridge 表示为脊线立体效果边框,也可以调整为:Solid 简单单线边框;Double 简单双线边框;Groove 沟线立体效果边框;Inset 嵌入线立体效果边框;Outset 浮出线立体效果边框。

2BACKGROUND-COLOR: 表示边框内背景颜色;background=边框内背景图片。

3width=600为边框的固定宽度,可调整。

4、第四款边框日志内容输入的地方,其边框宽度随着内容的增多,会自动逐渐放大。

 

表格边框代码浅析

 

   将一定的网页内容按特定的行、列规则进行排列,就构成了表格。

   HTML 代码具有很强的表格功能,使我们能够方便地创建出各种规格的表格,并进行特定的修饰,从而使网页显得更加生动活泼、色彩斑斓。

   HTML 表格模型可以将各种数据(包括文本、图片、链接等)排成行和列,从而获得特定的表格效果。

   对于大多数初学者来说,虽然对表格有一定的了解,但是要实现真正细致甚至强大的功能,则需要仔细理解TABLE的代码结构。在对代码结构进行理解的基础上,我们就可以举一反三,制作出风格各异的漂亮表格边框。

   表格的基本元素由<TABLE><TR><TD></TD></TR></TABLE>这六标签以及border这个属性组合而成,可以通过在代码中加入更多属性来实现表格的各种不同样式。

  表格的常用属性主要有:
       1<TABLE></TABLE>:定义表格的元素。分别作起、始标识符,网页中有几张表格,就有几对此元素。      

        2<TR></TR>:定义表格中的元素。在表格中有几对此元素就表示当前表格中有几行。

        3<TD></TD>:表示一行中单元格的元素。一行中有几对此元素,就有几个单元格。

        4border:表格外框线宽度,属性值为数字。如border=5,表示表格边框的粗细为5个像素(默认值为1),为0表示没有边框。

        5borderColor 表格的边框线颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。如borderColor=#0080FF,表示表格边框线的颜色为蓝色(默认值为白色)。

       6bordercolorlight:亮边框(表格的左边和上边框)颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。

        7bordercolordark:暗边框(表格的右边和下边框)颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。

        8bgcolor:表格的背景颜色,属性值为各种颜色代码。
 bgcolor=#FF0000,表示表格背景色为红色(默认值为无色)。

        9background:表格的背景图案,属性值为有效的图片地址。

        10cellpadding:表示单元格内容与单元格边框之间的距离,属性值为数字。

        11cellspacing:表示表格中各单元格的间距,属性值为数字。当表格只有一个单元格时,则表示该单元格与表格边框的距离。

        12width:表格的宽度,属性值为像素和百分比两种。

        13height:表格的高度,取值方法同width

        14align:表格的对齐方式,属性值为left(左对齐,默认)、center(居中)以及right(右对齐)。

        15colspan:定义合并表格的列数,属性值是数字。

        16rowspan:定义合并表格的行数,属性值是数字。

        17BORDER-RIGHT: 表示右边框,BORDER-TOP: 表示上边框,BORDER-LEFT: 表示左边框,BORDER-BOTTOM: 表示下边框。 它们的属性取值一般为颜色、像素和某一特定的属性。

        18<th>表头</th> :定义表头,表头内容置于<TH></TH>之间,显示时呈粗体字形式。

        19<caption></caption> :建立表格的标题,通过align属性定义标题的位置,其属性有四:即 top(在表格上方)、bottom(在表格下方)、left(在表格的左上方)、right(在表格的右上方)。

 

   通过学习摸索,本人对表格边框的制作代码有些粗浅的认识,希望以下几篇日志能起到抛砖引玉的作用。

 

表格边框代码应用(1

表格边框代码应用(2

表格边框代码应用(3

表格边框代码应用(4

表格边框代码应用(5

表格边框代码应用(6

几款凸感边框代码

用多层图片制作边框

一组漂亮的图片边框

用图片制作的透明相框

三款漂亮的动画边框

日志名称

 

 

 表格边框复制的方法:

        1、用鼠标直接复制代码,再黏贴在自己的日志HTML代码编辑栏里;

        2、从边框的左上角按住鼠标左键往右下角拉,直至泛色后,在泛色处点鼠标右键,用左键点复制,再直接黏贴在自己的日志编辑栏里。

 

 

  评论这张
 
阅读(22)| 评论(0)

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018