分享

为日志作内外边框

 昵称15135085 2014-02-16

作日志内外边框 - 雪花飘飘 - 雪花飘飘的博客

怎样为日志添加内外边框

本节学习请参考海珠老师博客: 怎样用代码做内边框和外边框

一、为日志添加外边框

登录博客后,点“写日志”:

作日志内外边框 - 雪花飘飘 - 雪花飘飘的博客

 点“源代码”按扭,变成弹起状态:

作日志内外边框 - 雪花飘飘 - 雪花飘飘的博客
复制外边框代码:

<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0>
<TBODY>
<TR>
<TD>

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。

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

粘贴到代码编辑区内如下图:

作日志内外边框 - 雪花飘飘 - 雪花飘飘的博客

 初学可以照搬,学会了可以灵活掌握。

说明:BORDER-RIGHT 表示右边框的颜色。BORDER-LEFT 表示左边框的颜色。BORDER-TOP表示上边框的颜色。BORDER-BOTTOM 表示下边框的颜色。BACKGROUND-COLOR 表示边框内部的背景颜色。黄色代码 cellspacing=0是限制内边框和外边框的距离,当前没有距离用0表示。请参考颜色代码表:颜色代码表  10px表示外边框的宽度是10像素。#号后面的颜色值可以查看颜色代码表来添加替换。

再点“源代码”观看外边框的效果:

作日志内外边框 - 雪花飘飘 - 雪花飘飘的博客
在里边定位光标就可以编辑日志了。再把里边的文字全部删除掉。
 
二、在外边框里加内边框:
 复制内边框的代码:
<TABLE border=1>
<TBODY>
<TR>
<TD>
粘贴到外边框的<TD>下面。内边框需要几个。就粘贴几次例如作三个内边框就粘贴三次:
 
作日志内外边框 - 雪花飘飘 - 雪花飘飘的博客
 说明: border=1是限制内边框的宽度的。设太宽了在好看,可以设为2或3. cellspacing=0 是设外边框和内边框的距离。
 
切换“源代码”观看内外边框的效果:
作日志内外边框 - 雪花飘飘 - 雪花飘飘的博客
 之后就可以编辑日志了。
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多