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

欢迎您来到金海医生的博客

 
 
 

日志

 
 
关于我

我是临床医学工作者,从事外科临床医疗工作40多年,积累了丰富的经验。平时喜欢跳国标舞,电脑,太极拳运动,喜欢陈式太极拳,最近喜欢打乒乓球运动。自己购买了乒乓球台,乒乓球发球机等设备。

网易考拉推荐

给日志添加边框代码  

2011-04-05 19:05:54|  分类: 博客制作素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自百合花香《 给日志添加边框代码》


 

如何给日志加边框呢?方法如下:

★ 置入日志的方法:

  1. 进入日志→

  2. 点写日志 →全部功能

  3. 点日志编辑界面的< >按钮→

  4. 复制下面代码并粘贴上→

  5. 再点<联>按钮→

  6. 编辑你的日志→

  7. 点发表日志,即可。 

 最简单的代码:

一、单线线边框:

 彩色边框(蓝色粗边)

 1、<div STYLE="border-style:solid;border-width:5pt; border-color:blue">日志文字</div>

2、<DIV style="BORDER-RIGHT: #ddcc00 2px solid; BORDER-TOP: #00ccdd 2px solid; BORDER-LEFT: #ffee99 2px solid; BORDER-BOTTOM: #336699 2px solid; BACKGROUND-COLOR: #ccffcc">日志文字</DIV>

双线框(黄色)

<div STYLE="border-style:Double;border-width:5pt; border-color: #f0e68c">

<div style="width:100%;height:100%;background-color:#66cdaa">日志文字</div></div>

立体线框

 <div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge;

border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#f0e8cd">日志文字</div></div>

滚动文本框

<DIV align=left

style='

color: #336699;

background-color:#dcdcdc;

border: solid 3px blue;

width: 450px;

height: 150px;

overflow: scroll;

scrollbar-face-color: #ffd700;

scrollbar-shadow-color: #e0ffff;

scrollbar-highlight-color: #fa8072;

scrollbar-3dlight-color: #ff0000;

scrollbar-darkshadow-color: #afeeee;

scrollbar-track-color: #ffb6c1;

scrollbar-arrow-color: #e6e6fa;'>日志文字</DIV>

 

实线双线外凸虚线

 1、<div style="border: 1px dashed #000000;background-color:#FFFFE0">日志文字</div>

2、<div style="border:1px solid #000000;">日志文字</div>

3、<div style="border-style:outset; border-width:1px;">日志文字</div>

 4、<div style="border:3px double #000000;">日志文字</div>

5、<div style="border:1px dashed #000000;">日志文字</div>

 二、多线条边框:

 给日志添加边框代码 - 百合花香 - 百合花香的博客

1、代码如下:

<table cellpadding="4" cellspacing="0" style="border:double 5px plum;">

<tr><td style="border:double 5px lightblue;">

<font size="2">在这里输入文字 </font>

</td></tr></table>

 给日志添加边框代码 - 百合花香 - 百合花香的博客

2、

<table style="border-right: dodgerblue 3px double;

border-top: dodgerblue 3px double;

border-left: dodgerblue 3px double;border-bottom:

dodgerblue 3px double" cellSpacing="0"

cellPadding="0">

<tr><td>

<table style="border-right: lightblue 3px double;

border-top: lightblue 3px double;

border-left: lightblue 3px double;

border-bottom: lightblue 3px double" cellPadding="0">

<tr><td>

<table style="border-right: dimgray 1px solid;

border-top: dimgray 1px solid;

border-left: dimgray 1px solid; border-bottom:

dimgray 1px solid; background-color: white"

cellPadding="7">

<tr><td><font size="2">在这里输入文字

</font></td>

</tr></table></td></tr>

</table></td>

</tr></table>

 给日志添加边框代码 - 百合花香 - 百合花香的博客

3、代码如下:

<table style="border-right: lightblue 3px double;

border-top: lightblue 3px double;

border-left: lightblue 3px double;

border-bottom: lightblue 3px double" height="100"

cellPadding="2" width="150">

<tr><td style="border-right: plum 3px double;

border-top: plum 3px double; border-left:

plum 3px double; border-bottom: plum 3px double;

background-color: aliceblue">

<p align="center">在这里输入内容</td></tr></table>

  评论这张
 
阅读(18)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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