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

静听风雨

倚窗静听风雨声,心甘淡泊厌浮名, 闲来勤读万卷书,细品年华寄逸情。

 
 
 

日志

 
 

虚线框滚动条样式及代码  

2017-03-16 13:38:36|  分类: ╠代码运用╣ |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

虚线框滚动条样式及代码 - 静听风雨 - 静听风雨

 


虚线框滚动条样式及代码 - 静听风雨 - 静听风雨的空间


 
  <div align="center">&nbsp;</div>  <div align="center">  <div style="BORDER-BOTTOM: #6495ed 1px dotted; BORDER-LEFT: #6495ed 1px dotted; LINE-HEIGHT: 15px; WIDTH: 504px; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #008b8b; HEIGHT: 60px; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; BORDER-TOP: #6495ed 1px dotted; SCROLLBAR-TRACK-COLOR: #006400; BORDER-RIGHT: #6495ed 1px dotted; SCROLLBAR-3DLIGHT-COLOR: #ffffff;">&lt;DIV&gt;<br>&lt;DIV&gt;<br>&lt;CENTER&gt;<br>&lt;DIV align=center&gt;<br>&lt;DIV style="BORDER-RIGHT: #6495ed 1px dotted; BORDER-TOP: #6495ed 1px dotted; OVERFLOW: auto; BORDER-LEFT: #6495ed 1px dotted; WIDTH: 504px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 15px; SCROLLBAR-TRACK-COLOR: #006400; BORDER-BOTTOM: #6495ed 1px dotted; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #008b8b; HEIGHT: 60px"&gt;此处输入文字&lt;BR&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/CENTER&gt;&lt;/DIV&gt;&lt;/DIV&gt;<br>&lt;P&gt;&amp;nbsp;&lt;/P&gt;<br>&lt;P&gt;&amp;nbsp;&lt;/P&gt;<br></div></div>  <p>&nbsp;

 

&nbsp;</span></p>  <div>  <div>  <center>  <div align="center">  <div style="BORDER-BOTTOM: #ffff00 1px dotted; BORDER-LEFT: #ffff00 1px dotted; LINE-HEIGHT: 15px; WIDTH: 504px; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #ee82ee; HEIGHT: 75px; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; BORDER-TOP: #ffff00 1px dotted; SCROLLBAR-TRACK-COLOR: #008080; BORDER-RIGHT: #ffff00 1px dotted; SCROLLBAR-3DLIGHT-COLOR: #ffffff;">&lt;DIV&gt;<br>&lt;DIV&gt;<br>&lt;CENTER&gt;<br>&lt;DIV align=center&gt;<br>&lt;DIV style="BORDER-RIGHT: #ffff00 1px dotted; BORDER-TOP: #ffff00 1px dotted; OVERFLOW: auto; BORDER-LEFT: #ffff00 1px dotted; WIDTH: 504px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 15px; SCROLLBAR-TRACK-COLOR: #008080; BORDER-BOTTOM: #ffff00 1px dotted; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #ee82ee; HEIGHT: 92px"&gt;此处输入文字 &lt;/DIV&gt;&lt;/DIV&gt;&lt;/CENTER&gt;&lt;/DIV&gt;&lt;/DIV&gt;<br>&lt;P&gt;&amp;nbsp;&lt;/P&gt;<br>&lt;P&gt;&amp;nbsp;&lt;/P&gt;<br></div></div></center></div></div>  <p>&nbsp;<wbr></p>  <p>&nbsp;


<DIV>
<DIV>
<CENTER>
<DIV align=center>
<DIV style="BORDER-RIGHT: #4169e1 1px dotted; BORDER-TOP: #4169e1 1px dotted; OVERFLOW: auto; BORDER-LEFT: #4169e1 1px dotted; WIDTH: 504px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 15px; SCROLLBAR-TRACK-COLOR: #da70d6; BORDER-BOTTOM: #4169e1 1px dotted; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #800080; HEIGHT: 92px">此处输入文字 </DIV></DIV></CENTER></DIV></DIV>
<P>&nbsp;</P>
<P>&nbsp;</P>

 

 

<DIV>
<DIV>
<CENTER>
<DIV align=center>
<DIV style="BORDER-RIGHT: #6495ed 1px dotted; BORDER-TOP: #6495ed 1px dotted; OVERFLOW: auto; BORDER-LEFT: #6495ed 1px dotted; WIDTH: 504px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 15px; SCROLLBAR-TRACK-COLOR: #ffe4c4; BORDER-BOTTOM: #6495ed 1px dotted; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #8a2be2; HEIGHT: 92px">此处输入文字 </DIV></DIV></CENTER></DIV></DIV>
<P>&nbsp;</P>
<P>&nbsp;</P>

 

 

<DIV>
<DIV>
<CENTER>
<DIV align=center>
<DIV style="BORDER-RIGHT: #5f9ea0 1px dotted; BORDER-TOP: #5f9ea0 1px dotted; OVERFLOW: auto; BORDER-LEFT: #5f9ea0 1px dotted; WIDTH: 504px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 15px; SCROLLBAR-TRACK-COLOR: #a52a2a; BORDER-BOTTOM: #5f9ea0 1px dotted; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #0000ff; HEIGHT: 92px">此处输入文字 </DIV></DIV></CENTER></DIV></DIV>
<P>&nbsp;</P>
<P>&nbsp;</P>

 

 

<DIV>
<DIV>
<CENTER>
<DIV align=center>
<DIV style="BORDER-RIGHT: #8B0000 1px dotted; BORDER-TOP: #8B0000 1px dotted; OVERFLOW: auto; BORDER-LEFT: #8B0000 1px dotted; WIDTH: 504px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 15px; SCROLLBAR-TRACK-COLOR: #a9a9a9; BORDER-BOTTOM: #8B0000 1px dotted; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #696969; HEIGHT: 69px"></DIV></DIV></CENTER></DIV></DIV>
<P>&nbsp;</P>
<P>&nbsp;</P>

   滚动条框代码注释详解:

align=center //文本框中文字的对齐方式,可用center/left/right分别对应中/左/右
WIDTH: 300px; //宽度300像素
HEIGHT: 150px; //高度150像素
OVERFLOW: auto; //超出范围时使用滚动条(auto可用scroll代替。用auto会自动适应,即文本的宽或
高超出预设的的值,才会出现横或竖 滚动条;而用scroll则无论如何都会出现横竖滚动条。一般用auto
会比较美观)
COLOR: #000000; //框内文本颜色(当然这是默认值,如果文本设置了其他颜色则会显示相应的颜色)
BACKGROUND-COLOR: #CCCCCC; //背景色,如果要用透明背景就不写这一句
SCROLLBAR-FACE-COLOR: #00FF00; //滚动条中间可以拉的部分和箭头旁边部分的颜色
SCROLLBAR-TRACK-COLOR: #00FFFF; //滚动条中间可以拉的部分以外的颜色
SCROLLBAR-ARROW-COLOR: #FFFF00; //箭头部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: #0000FF; //竖滚动条左侧边框和横滚动条上侧的颜色(用于显示立
体之用)
SCROLLBAR-3DLIGHT-COLOR: #0000FF; //竖滚动条左侧边框和横滚动条上侧的颜色(用于显示立体
之用)
SCROLLBAR-SHADOW-COLOR: #0000FF; //竖滚动条右侧边框和横滚动条下侧的颜色(用于显示阴影
之用)
SCROLLBAR-DARKSHADOW-COLOR: #0000FF; //竖滚动条右侧边框和横滚动条下侧的颜色(用于显
示阴影之用)
BORDER-TOP: red 2px solid;
BORDER-BOTTOM: red 2px solid;
BORDER-LEFT: red 2px solid;
BORDER-RIGHT: red 2px solid;
//分别表示文本框的上、下、左、右边框的颜色(可用16进制数值表示)、粗细和状态(solid表示实线,
可选的值有dashed表示虚线,double表示双线,outset表示外凸)。
还有可以直接使用 border: red solid 2px 来整体定义边框。
OVERFLOW-X: Hidden; //强制隐藏X轴滚动条
OVERFLOW-Y: Hidden; //强制隐藏Y轴滚动条

虚线框滚动条样式及代码 - 静听风雨 - 静听风雨欢迎您

绝美视听 影视在线 曾经舞曲 民间小调 炫舞青春 祝福贺贴 秋水音画
清风音画 靓妹图库 东方丽人
虚线框滚动条样式及代码 - 静听风雨 - 静听风雨
魅影沉香 清纯果子 情感美文
古玩字画 舌尖美味 养生保健 电脑应用 博客技巧 代码应用
日志边框 人景动画 旅游摄影 民族器乐 快乐驿站 唯美图文
伟人风采 播放器藏 在线工具 *PS*教程 回帖空间 大图音画 唯美图文
生活百科 缘分音画 静听风雨欢迎您的光临指导 涓涓音画 图片素材

  评论这张
 
阅读(1258)| 评论(320)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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