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

Heaven的博客

l luv my life this way.

 
 
 

日志

 
 
关于我

一个平凡、坚强、宽容的女人,崇尚自然,追求完美, 与真情同行,与爱心共语,天使与你博出精彩,博出友谊......

网易考拉推荐

博客常用精美【滑动条】  

2014-12-29 21:15:44|  分类: 【博客技巧】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

博客常用精美【滑动条】 - 天使 - Heaven的博客

 

博客常用精美【滑动条】 - 天使 - Heaven的博客

效果与代码如下

代码:

<DIV style="BORDER-RIGHT: #99ff99 3px dashed; BORDER-TOP: #99ff99 3px dashed; SCROLLBAR-FACE-COLOR: #99ff99; SCROLLBAR-HIGHLIGHT-COLOR: #99ff99; OVERFLOW: scroll; BORDER-LEFT: #99ff99 3px dashed; WIDTH: 64.47%; COLOR: #99ff99; BORDER-BOTTOM: #99ff99 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #00cc33; HEIGHT: 91px; BACKGROUND-COLOR: #ffffff" align=center>
<P align=left>文字</P></DIV>

  博客常用精美【滑动条】 - 天使 - Heaven的博客

效果与代码如下

代码:
<DIV style="BORDER-RIGHT: #9966ff 2px solid; BORDER-TOP: #9966ff 2px solid; SCROLLBAR-FACE-COLOR: #9999ff; SCROLLBAR-HIGHLIGHT-COLOR: #9966ff; OVERFLOW: scroll; BORDER-LEFT: #9966ff 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #9966ff; COLOR: #ffcc99; SCROLLBAR-3DLIGHT-COLOR: #9999ff; SCROLLBAR-ARROW-COLOR: #6633ff; BORDER-BOTTOM: #9966ff 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #9999ff; HEIGHT: 111px; BACKGROUND-COLOR: #9999ff" align=center></DIV>

 博客常用精美【滑动条】 - 天使 - Heaven的博客

效果与代码如下  

代码:
<DIV style="BORDER-RIGHT: #2d0f00 2pt dashed; BORDER-TOP: #2d0f00 2pt dashed; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #2d0f00 2pt dashed; WIDTH: 256px; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #c3c3b4; SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: #2d0f00 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #c3c3b4; HEIGHT: 67px; BACKGROUND-COLOR: #c3c3b4; SCROLLBAR-: #c3c3b4"></DIV>

  博客常用精美【滑动条】 - 天使 - Heaven的博客

效果与代码如下  

代码:

<DIV align=center
style='
color: #990099;
background-color:#FFFFE0;
border: dotted 2px black;
width: 470px;
height: 180px;
overflow: scroll;
scrollbar-face-color: #ffc0cb;
scrollbar-shadow-color: #ffb6c1;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffdead;
scrollbar-arrow-color: #f5deb3;
'>日志文字</DIV>

博客常用精美【滑动条】 - 天使 - Heaven的博客 

效果与代码如下 

 代码:
代码:
<DIV align=center>
<DIV style="OVERFLOW: auto; SCROLLBAR-HIGHLIGHT-COLOR: #f5d8f5; BORDER-TOP: #ffccff 1px dotted; HEIGHT: 100px; BORDER-RIGHT: #ffccff 1px dotted; WIDTH: 37.01%; SCROLLBAR-TRACK-COLOR: #ffefff; SCROLLBAR-FACE-COLOR: ; BORDER-BOTTOM: #ffccff 1px dotted; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ff66ff; SCROLLBAR-ARROW-COLOR: ; BORDER-LEFT: #ffccff 1px dotted; LINE-HEIGHT: 15px; SCROLLBAR-SHADOW-COLOR: #e5c8e5; SCROLLBAR-DARKSHADOW-COLOR: #ffffff">
<DIV align=left>&nbsp;</DIV>
<DIV align=left>&nbsp;</DIV></DIV></DIV>

  博客常用精美【滑动条】 - 天使 - Heaven的博客

  效果与代码如下 

代码:

<DIV align=center>
<DIV style="OVERFLOW: auto; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; FONT-SIZE: 12px; BORDER-TOP: #216dad 1px solid; HEIGHT: 80px; BORDER-RIGHT: #216dad 1px solid; WIDTH: 270px; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #ffffff; BORDER-BOTTOM: #216dad 1px solid; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #216dad; BORDER-LEFT: #216dad 1px solid; LINE-HEIGHT: 20px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff">
<P align=left>&nbsp;</P></DIV></DIV>

  博客常用精美【滑动条】 - 天使 - Heaven的博客

效果与代码如下

代码:

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffffe0; SCROLLBAR-HIGHLIGHT-COLOR: #ffffe0; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 312px; SCROLLBAR-SHADOW-COLOR: #ccccff; COLOR: #009900; SCROLLBAR-3DLIGHT-COLOR: #ccccff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffcc; HEIGHT: 76px; BACKGROUND-COLOR: #ffffcc" align=center>

<DIV align=left><SPAN></SPAN>&nbsp;这里为文字输入区</DIV></DIV>

 博客常用精美【滑动条】 - 天使 - Heaven的博客

  效果与代码如下

代码:

<DIV style="SCROLLBAR-FACE-COLOR: #ff6600; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: scroll; WIDTH: 463px; SCROLLBAR-SHADOW-COLOR: #663333; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #663333; HEIGHT: 119px; BACKGROUND-COLOR: #000000; SCROLLBAR-3DLIGHT-: #663333" align=left><P align=left>这里为文字输入区</P></DIV></DIV></DIV>

  博客常用精美【滑动条】 - 天使 - Heaven的博客

效果与代码如下

代码:
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: #33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 111px; BACKGROUND-COLOR: #ccffcc" align=center>

<DIV align=left><FONT color=#009900></FONT>&nbsp;这里为文字输入区</DIV></DIV></DIV>

 博客常用精美【滑动条】 - 天使 - Heaven的博客

  效果与代码如下

代码:

<DIV style="BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffcccc; SCROLLBAR-HIGHLIGHT-COLOR: #ff9999; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 355px; SCROLLBAR-SHADOW-COLOR: #ff9999; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcccc; SCROLLBAR-ARROW-COLOR: #ffcccc; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffcc99; HEIGHT: 88px; BACKGROUND-COLOR: #ffcccc" align=center>

<DIV align=left><FONT color=#009900></FONT><FONT color=#ff6699>&nbsp;这里为文字输入区</FONT></DIV></DIV>

 博客常用精美【滑动条】 - 天使 - Heaven的博客
效果与代码如下

代码:

<center><div style="BORDER-TOP: medium none"><div style="BORDER-TOP: white 2px solid; OVERFLOW: auto; BORDER-LEFT: white 2px solid; WIDTH: 300px; COLOR: rgb(0,0,0); BORDER-BOTTOM: white 2px solid; HEIGHT: 80px">日志内容</div></div></center>

 博客常用精美【滑动条】 - 天使 - Heaven的博客

效果与代码如下 

代码:

<div style="border:4px dotted #ffcccc; WIDTH: 230px; HEIGHT: 80px; scrollbar-face-color:#ffffff; FONT-SIZE: 9pt;scrollbar-highlight-color:#ffcccc; SCROLLBAR-SHADOW-COLOR: #ffcccc; COLOR: #cc9933;scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#ffcccc;  scrollbar-track-color:#ffffff; BACKGROUND-COLOR: #ffffff; OVERFLOW: scroll;  scrollbar-darkshadow-color:#ffffff" ><p><font color="#808080" size="2">在这里输入文字</font></p>

 

 博客常用精美【滑动条】 - 天使 - Heaven的博客

效果与代码如下

代码

<div style="border:4px dotted #99ccff; WIDTH: 230px; HEIGHT: 80px; scrollbar-face-color:#ffffff; FONT-SIZE: 9pt;scrollbar-highlight-color:#99ccff; SCROLLBAR-SHADOW-COLOR: #99ccff; scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#99ccff;  scrollbar-track-color:#ffffff; BACKGROUND-COLOR: #ffffff; OVERFLOW: scroll;  scrollbar-darkshadow-color:#ffffff" ><p><font color="#808080" size="2">在这里输入文字</font></p>

博客常用精美【滑动条】 - 天使 - Heaven的博客


亮丽边框 - 天使 - Heaven的博客

 

 

  评论这张
 
阅读(435)| 评论(303)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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