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

启野的博客

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

 
 
 

日志

 
 

HTML文本框滚动代码1:卷轴基本语法  

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

  下载LOFTER 我的照片书  |
 

  

 

 

 

            卷轴基本语法

示例: HTML代码:
编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容 编辑文字图片内容  编辑文字图片内容   编辑文字图片内容   编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容  编辑文字图片内容

  

复制下列代码:在html编辑窗口进行编辑。

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

定义和用法:

 

style属性 

规定元素的行内样式(inline style)

 

在替换style 属性语法中的内容时,注意style="......"中的内容,每一部分用"分号;"隔开,接着空一格。

 

WIDTH属性 

(设置元素的宽度)

HEIGHT属性 

(设置元素的高度)

 

 

"内容区域"大于"显示区域"时,可利用卷轴让看见超出范围的内容。利用滑鼠游标调整"显示区域",滑鼠游标点选卷轴,会变成可调整大小的状态,可随心所欲的调整大小,语法中的WIDTHHEIGHT也会随著变。

备注:去除WIDTH:120px的元素,宽会自动扩展到最大。

 

 

 

 

 

 

 

OVERFLOW属性

(规定当内容溢出元

框时发生的事情)

 

属  性 

 

描   述 

 

OVERFLOW: scroll

 

为显示右方和下方卷轴。

(内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。)

 

 

 

OVERFLOW: scroll; OVERFLOW-X: hidden

 

删除水平→卷轴。

(内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。)

 

 

 

OVERFLOW: scroll; OVERFLOW-Y: hidden

 

删除垂直↑卷轴。

(内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。)

 

 

 

 

OVERFLOW: auto

 

"内容区域"大于"显示区域"会自动显示卷轴,建议使用。

(如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。)

 

 

 

OVERFLOW: hidden

 

不使用卷轴,建议不使用。

(内容会被修剪,并且其余内容是不可见的。)

 

 

 

background-color属性 

(设置元素的背景颜色。)

 

 

( background-color: #996600 )为框框内的背景色,#996600 部分为16进位色码,记得要加上"#"

备注:整段删除,背景变成透明状态。

相关链接:

 文本框滚动代码链接

相逢是首歌(俞静) 

其他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设置(启野原创)

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

文字特效代码(一)

文字特效代码(二)

日志文字与图片添加

文字图片的链接

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

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

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

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

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

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

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

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

背景音乐制作

 

大图音画拼合的代码使用

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

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

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

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

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

历史上的今天

评论

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

页脚

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