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

启野的博客

淡淡的雾,淡淡的雨,淡淡的云彩悠悠的游。

 
 
 

日志

 
 

HTML文本框滚动代码2:为卷轴加外框  

2011-02-11 02:49:37|  分类: HTML专区 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

  

 

 

 

            为卷轴加外框

示例: HTML代码:

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

 

 

在基础语法  <DIV style="OVERFLOW:scroll; WIDTH:260px; HEIGHT:200px; background-color:#003300">编辑文字图片内容</DIV>    中加入( BORDER: #ff0000 5px dotted )

代码如下:

<DIV style="OVERFLOW:scroll;  WIDTH:260px; HEIGHT:200px; background-color:#003300; BORDER: #ff0000 5px dotted">编辑文字图片内容</DIV>

边框代码的变化:

 

加入( BORDER: #ff0000 5px dotted )后,切换编辑列上"<HTML>"(?点我)两次后,在回到"<HTML>模式"(?点我)中就会见到:

( BORDER: #ff0000 5px dotted )被拆成四部份分别

BORDER-RIGHT(右边框)

BORDER-TOP(上边框)

BORDER-LEFT(左边框)

BORDER-BOTTOM(底边框)

变成:

(BORDER-RIGHT: #ff0000 5px dotted;BORDER-TOP: #ff0000 5px dotted;BORDER-LEFT: #ff0000 5px dotted; BORDER-BOTTOM: #ff0000 5px dotted )

 

边框的三个属性:

 

边框整体代码(BORDER: #ff0000 5px dotted)

边框四边代码(BORDER-RIGHT: #ff0000 5px dotted; BORDER-TOP: #ff0000 5px dotted; BORDER-LEFT: #ff0000 5px dotted; BORDER-BOTTOM: #ff0000 5px dotted )都有共同三个属性可以调节,依框的属性可调整上下左右使用不同属性的框。分析如下:

 

 

边框颜色属性

(border-color)

 

(#ff0000)框的色,#996600 部分为16进位色码,记得要加上"#",依框的属性上下左右可调整不同色。

 

边框宽度属性

(border-width)

 

(5px):框的大小,数字越大,框就越粗。0为无框。

 

 

 

边框样式

(border-style)

 

(dotted):框的类型,(dotted)""的形态,可替换如下样式。

none:无样式;

dotted:点线;

dashed:虚线;

solid:实线;

double:双线;

groove:槽线;

ridge:脊线;

inset:内凹;

outset:外凸。

 

相关链接:

 文本框滚动代码链接

心之寻(格格) 

其他HTML代码链接 

 

颜色代码表(一)

颜色代码表(二)

HTML表格初步制作

HTML表格标记详解1:标签定义 TABLE参数设定

HTML表格标记详解2:TR参数设定

HTML表格标记详解3:TD参数设定

HTML表格标记详解4:TD参数中设定跨列跨行属性

HTML表格标记详解5:TH参数中设定

HTML表格标记详解6:CAPTION标题参数设定

HTML表格标记详解7:THEAD表首标记/TBODY表主体标记/TFOOT表尾标记

HTML表格标记详解8:表格嵌套

HTML表格标记详解9:表格边框的css修饰语法

HTML网页列表标记:ul、ol、dir、dl、menu、dt、dd、li

HTML水平线段标记:HR

 

图片雾化移动特效代码

多图重叠移动代码及效果图

图片移动效果的欣赏与制作(一)

图片移动、及其图片链接网址移动代码(二)

让图片产生梦幻效果的代码

图片梦幻显现隐藏移动的特效制作(一)

图片梦幻显现隐藏的特效制作(二)

图片CSS滤镜效果—灰度

图片CSS滤镜—左右旋转效果

图片CSS滤镜—阴影效果

图片CSS滤镜—波形加上半透明合成效果

图片CSS滤镜效果—透明

图片CSS滤镜—X光效果

图片CSS滤镜—发光效果

图片CSS滤镜—色彩对换效果

图片CSS滤镜—波形效果

图片CSS滤镜—图片模糊效果

多张图片串联式放映代码

图片浮雕效果

图片虚线边框并黑白效果

图片加边框代码

图片CSS滤镜—图片动感模糊效果

图片CSS滤镜—扭曲效果

图片CSS滤镜—倒影效果

图片CSS静态滤镜样式(filter)说明

多图重叠移动代码及效果图

Flash圆形雾化移动特效代码

Flash透明动画或文字特效添加一幅背景图

Flash透明动画多个叠加在一张背景图片上

自动播放swf格式小视频

在线制作水波纹动感图片

 

所有代码的粘贴法

在首页添加QQ和POPO在线交谈

一种找到图片地址(或者存大图)极简单的方法

日志列表式能使日志成单页面打开并找准日志地址:

日志文字的编排——借用word设置(启野原创)

博客首页的顶区和底区上传图片

文字特效代码(一)

文字特效代码(二)

日志文字与图片添加

文字图片的链接

如何让网易博客日志显示最大的宽度

怎样添加自定义模块和在自定义模块中做动画的超级链接

博客中的准确网址(原创)

水晶博客边框代码——应用(一)

水晶博客边框代码——应用(二)

水晶博客边框代码——应用(三)

水晶博客边框代码——应用(四)

日志中导入图片的三种方法

背景音乐制作

 

大图音画拼合的代码使用

大图音画拼合效果配图——一卷轻愁书红颜(未调整的效果)

大图音画拼合效果配图——一卷轻愁书红颜(调整后的效果)

宽屏大图片音画教程——缱绻殇效果

大图音画拼合效果配图——蝴蝶之梦

欢迎光临启野博客!
  评论这张
 
阅读(773)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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