青海省海东市天气预报:简单“边框”的制作方法?

来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 21:28:08
简单“边框”的制作方法?(原创)
2008-05-09 14:27:13|  分类:边框的制作 |  标签: |字号大中小
 

将向博客新手详细解讲制作过程
http://hdly006502.blog.163.com.
撰文:寒冬腊月




在制作音画作品及发表图片时,给它添加一幅漂亮的边框.这也许是许多博友想做的...那么,该如何来为它添加漂亮的边框呢?
其实,制作‘边框’的方法有很多种,比如用Word、PS等软件都可以制作边框.  但这就要求你必须有一定的电脑专业知识,对于一般的朋友来说还是有点难度的.
今天,笔者向大家介绍一种简便、制作容易的的方法:
那就是用代码直接制作音画、日志的边框.
首先,看下面的这段基本代码:
首先,看下面的这段基本代码:
原始代码:(如下)



填写内容

熟悉上述代码概念及用法
代码解析:
1、BORDER-RIGHT:表示该边框的右边框线;LEFT表示左边框线;TOP、BOTTOM表示上、下边框线;
2、#0000ff 表示该边框线的颜色,有关颜色的选取请参见《颜色速查表》一文;
3、7pt表示该边框线的粗细度,可根据需要改变其数值;4、上述代码中的红色部分double表示该边框为单线边框、double为双线边框、outset表示为凸出型边框、inset为凹槽型边框、dashed为虚线型边框等
4、align=center  表示该边框在日志中居正中位置,   需要说明的是:日志页面的总宽度一在720至800之间.只有宽度值小于700以下时,边框才会出现居左、居右或居中的现象出现;详细内容,请参见---《如何调整“边框”在日志页面的宽度及高度?》一文的解讲;
 
5、如果去除上述代码中的最后一行中的bgColor=#ffffff代码, 最终该边框内部的颜色显示为你日志页面的颜色.如果你想在该边框内添加一种背景颜色,只要在粉红处改变颜色代码即可. 例:#ffffff表示内框背景为白色,现在需要黑色作为背景颜色只要改为#00000即可.
有关颜色的选取请参见《颜色速查表》一文.
修改代码后,可获得如下几种不同边框的效果图:
你只需要改变上述代码中的部分代码及数值复制该代码后,就可以获得形状不同的边 框.
如:<1>单线边框、<2>双线边框、<3>立体阴影边框、<4>凸线边框、<5>凹线边框、<6 >邮票型边框、<7>粒状阴影型边框、<8>虚线边框等等
1、单线型边框:
 
代码复制区:
width="99%" align=center>


填写内容

效果图如下:(可直接复制使用)
填写内容
2、双线型边框:
代码复制区:


填写内容

效果图如下:(可直接复制使用)
填写内容
3、凸出型边框:
代码复制区:



填写内容

效果图如下:(可直接复制使用)
填写内容
4、凹陷型边框:
代码复制区:



填写内容

效果图如下:(可直接复制使用)
填写内容
5、虚线型边框:
代码复制区:



填写内容

效果图如下:(可直接复制使用)
填写内容
6、脊状立体型边框:
代码复制区:



填写内容

效果图如下:(可直接复制使用)
填写内容
7、粒状阴影框:
代码复制区:
width="99%" border=1>


正文

效果图如下:(可直接复制使用)
 
填写内容
8、立体阴影框:
代码复制区:
width="99%" border=1>


填写内容

效果图如下:(可直接复制使用)
 
填写内容
9、邮票型边框:
代码复制区:



填写内容

效果图如下:(可直接复制使用)
填写内容
10,   凹状双内虚线框:
代码复制区:
 



填写内容

效果图如下:(可直接复制使用)
填写内容
最后,说明:
根据上述原始代码,稍作修改后还可以制作出许多漂亮的图片边框.比如将上述代码改为:
代码复制区:

src="" target="_blank">http://image35.360doc.com/DownloadImg/2011/09/0420/17036646_5.jpg">


效果图如下:

具体操作步骤,请参见---
 点击进入 → 怎样给"图片"添加漂亮的边框
相关文章链接:
 点击进入 → 颜色速查表




◇简单"边框"的制作方法◇  ◇"边框"的代码分析◇  ◇如何不用图片做"边框"的方法◇  ◇用动、静态图片组合制作"边框"◇  ◇用"静态"图片做"边框"的方法◇  ◇怎样给"图片"添加漂亮的"边框"◇  ◇多层"边框"的添加方法◇  ◇如何改变"边框"中各边框线的粗细值◇  ◇如何调整"边框"的宽度及高度◇  ◇怎样改变边框颜色及边框线数值◇  ◇边框内层背景颜色的替换方法◇  ◇为你提供精美的"边框"及"边框"素材◇





新手入门篇文字类制作图片类制作日历、时钟制作
博客素材类"边框"的制作u5 教程PS 教程
情感天地生活常识教子必读音画欣赏
男人女人测算运气驾车技巧幽默笑话
●新手入门篇●/●文字类制作●/●图片类制作●/●日历、时钟制作类●/●博客制作(素材类)●/●"边框"的制作●

  点击进入 → 在我的博客,更多精彩等着你!


 
 
 
 
 
 
 
评论这张
转发至微博
转发至微博
3人  |  分享到:
阅读(4314)| 评论(18)| 引用 (43) |举报
如何给'图片'添加漂亮的边框?(原创)