站长资源网页制作 iframe去边框、无边框使用大全(实践经验整理) 整理:jimmy2026/10/6浏览2次 站长资源 网页制作 网盘链接 云盘下载 简介 <div class="news_infos"><div id="MyContent"><iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe> <br><br><iframe runat="server" src="you page's url" width="750" height="30" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe> <br>runat="server" 这个最好加上Iframe跳转 asp.net 可在当前iframe中跳转 <br>src 链接到的地址URl <br>frameborder 是否显示边框（0无边框 1有边框） <br>scrolling 是否有滚动条（yes有滚动条 no无滚动条） <br>allowtransparency 背景是否透明（yes透明 no不透明） <br>iframe并不是很常用的，在标准的网页中非常少用。把iframe解释成“浏览器中的浏览器“是很恰当的。<iframe>也应该是框架的一种形式，它与<frame>不同的是，iframe可以嵌在网页中的任意部分。例如： <br><iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe> <br>SRC=URI 嵌入式柜架的页面文件路径 <br>NAME=CDATA 嵌入式柜架的名字 <br>LONGDESC=URI 描述 <br>WIDTH=Length 宽度 <br>HEIGHT=Length 高度 <br>ALIGN=[ top | middle | bottom | left | right ] 对齐方式 <br>FRAMEBORDER=[ 1 | 0 ] 柜架边框 <br>MARGINWIDTH=Pixels 左右空出宽度 <br>MARGINHEIGHT=Pixels 上下空出的高度 <br>SCROLLING=[ yes | no | auto ] 流动条(yes强制显示|no永不显示|auto自动) <br>Iframe标记的使用格式是: <br><Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe> <br>src：文件的路径，既可是HTML文件，也可以是文本、ASP等； <br>width、height："内部框架"区域的宽与高； <br>scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为 Auto：则自动出现滚动条；如为Yes，则显示; <br>FrameBorder：区域边框的宽度，为了让“内部框架“与邻近的内容相融合，常设置为0。 <br>name:框架的名字，用来进行识别。 <br><iframe>用于设置文本或图形的浮动图文框或容器。 <br>border <br><iframe border="3"></iframe> <br>设定围绕图文框的边缘宽度 <br>frameboder <br><iframe frameboder="0"></iframe> <br>设置边框是不否为3维（0=否，1=是） <br>height,width <br><iframe height="31" width="88"></iframe> <br>设质边框的宽度和高度 <br>scrolling <br><iframe scrolling="no"></iframe> <br>是否有滚动条（yes,no,auto) <br>src <br><iframe src="girl.gif"></iframe> <br>指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*) <br><br><strong>注意事项：</strong> <br><br>一个浮动框架不需要通过<frameset>元素声明为框架设置的一部分; <br>WebTV和Netscape 4.x(4.0 到 4.75)不支持浮动框架。 <br>在HTML4.01严格规范中，<iframe>元素没有被定义。浮动框架可以使用<div>元素和CSS定位方法来模仿实现。 <br><br><strong>浮动帧标记Iframe的属性：</strong> <br><br><strong>1、文件位置：</strong> <br>语法：src=url <br>说明：url为嵌入的HTML文件的位置，可以是相对地址，也可以是绝对地址。 <br>示例：<iframe src="iframe.html"> <br><br><strong>2、对象名称：</strong> <br>语法：name=# <br>说明：#为对象的名称。该属性给对象取名，以便其他对象利用。 <br>示例：<iframe src="iframe.html" name="iframe1"> <br><br><strong>3、ID选择符：</strong> <br>语法：id=# <br>说明：指定该标记的唯一ID选择符。 <br>示例：<iframe src="iframe.html" id="iframe1"> <br><br><strong>4、容器属性： <br></strong>语法：height=# width=# <br>说明：该属性指定浮动帧的高度和宽度。取值为正整数（单位为像素）或百分数。 <br>height：指定浮动帧的高度； <br>width：指定浮动帧的宽度。 <br>示例：<iframe src="iframe.html" height=400 width=400> <br><br><strong>5、尺寸调整：</strong> <br>语法：noresize <br>说明：IE专有属性，指定浮动帧不可调整尺寸。 <br>示例：<iframe src="iframe.html" noresize> <br><br><strong>6、边框显示：</strong> <br>语法：frameborder=0、1 <br>说明：该属性规定是否显示浮动帧边框。 <br>0：不显示浮动帧边框； <br>1：显示浮动帧边框。 <br>示例：<iframe src="iframe.html" frameborder=0> <br><iframe src="iframe.html" frameborder=1> <br><br><strong>7、边框厚度：</strong> <br>语法：border=# <br>说明：该属性指定浮动帧边框的厚度，取值为正整数和0，单位为像素。为了将浮动帧与页面无缝结合，border一般等于0。 <br>示例：<iframe src="iframe.html" border=1> <br><br><strong>8、边框颜色：</strong> <br>语法：bordercolor=color <br>说明：该属性指定浮动帧边框的颜色。color可以是RGB色（RRGGBB），也可以是颜色名。 <br>示例：<iframe src="iframe.html" bordercolor=red> <br><br><strong>9、对齐方式：</strong> <br>语法：align=left、right、center <br>说明：该属性指定浮动帧与其他对象的对齐方式。 <br>left：居左； <br>right：居右； <br>center：居中。 <br>示例：<iframe src="iframe.html" align=left> <br><iframe src="iframe.html" align=right> <br><iframe src="iframe.html" align=center> <br><br><strong>10、相邻间距：</strong> <br>语法：framespacing=# <br>说明：该属性指定相邻浮动帧之间的间距。取值为正整数和0，单位为像素。 <br>示例：<iframe src="iframe.html" framespacing=10> <br><br><strong>11、内补白属性：</strong> <br>语法：hspace=# vspace=# <br>说明：该属性指定浮动帧内的边界大小。取值为正整数和0，单位为像素。两个属性应同时应用。 <br>hspace：浮动帧内的左右边界大小； <br>vspace：浮动帧内的上下边界大小。 <br>示例：<iframe src="iframe.html" hspace=1 vspace=1> <br><br><strong>12、外补白属性：</strong> <br>语法：marginheight=# marginwidth=# <br>说明：该属性指定浮动帧的边界大小。取值为正整数和0，单位为像素。两个属性应同时应用。 <br>marginheight：浮动帧的左右边界大小； <br>marginwidth：浮动帧的上下边界大小。 <br>示例：<iframe src="iframe.html" marginheight=1 marginwidth=1> <br></div> </div> </div> <div class="share"> </div> <div class="nextinfo"> <p>上一篇：<a href="/3g/1/67734.html" title="base标签是什么及其作用介绍">base标签是什么及其作用介绍</a></p> <p>下一篇：<a href="/3g/1/67736.html" title="html内联元素和块级元素的基本概念及使用示例">html内联元素和块级元素的基本概念及使用示例</a></p> </div> <div class="otherlink"> <h2>最新资源</h2> <ul> <li><a href="/3g/1/623703.html" title="群星《奔赴！万人现场 第2期》[FLAC/分轨]">群星《奔赴！万人现场 第2期》[FLAC/分轨]</a></li> <li><a href="/3g/1/623702.html" title="群星《奇妙浪一夏 (上海迪士尼度假区音乐">群星《奇妙浪一夏 (上海迪士尼度假区音乐</a></li> <li><a href="/3g/1/623701.html" title="群星《奇妙浪一夏 (上海迪士尼度假区音乐">群星《奇妙浪一夏 (上海迪士尼度假区音乐</a></li> <li><a href="/3g/1/623700.html" title="【古典音乐】詹姆斯·高威《季节》1993[WA">【古典音乐】詹姆斯·高威《季节》1993[WA</a></li> <li><a href="/3g/1/623699.html" title="贝拉芳蒂《卡里普索之王》SACD[WAV+CUE]">贝拉芳蒂《卡里普索之王》SACD[WAV+CUE]</a></li> <li><a href="/3g/1/623698.html" title="小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE">小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE</a></li> <li><a href="/3g/1/623697.html" title="群星《欢迎来到我身边 电影原声专辑》[32">群星《欢迎来到我身边 电影原声专辑》[32</a></li> <li><a href="/3g/1/623696.html" title="群星《欢迎来到我身边 电影原声专辑》[FL">群星《欢迎来到我身边 电影原声专辑》[FL</a></li> <li><a href="/3g/1/623695.html" title="雷婷《梦里蓝天HQⅡ》 2023头版限量编号低">雷婷《梦里蓝天HQⅡ》 2023头版限量编号低</a></li> <li><a href="/3g/1/623694.html" title="群星《2024好听新歌42》AI调整音效【WAV分">群星《2024好听新歌42》AI调整音效【WAV分</a></li> </ul> </div> </div> <div class="sidebar"> <div class="cloud"><h2 class="hometitle">一句话新闻</h2><a href="/3G/1/604623.html"><ul>一文看懂荣耀MagicBook Pro 16<br><br>荣耀猎人回归！七大亮点看懂不只是轻薄本，更是游戏本的MagicBook Pro 16.<br>人们对于笔记本电脑有一个固有印象：要么轻薄但性能一般，要么性能强劲但笨重臃肿。然而，今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上，荣耀宣布猎人游戏本正式回归，称其继承了荣耀 HUNTER 基因，并自信地为其打出“轻薄本，更是游戏本”的口号。<br>众所周知，寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验，而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起，我们不禁对它产生了强烈的好奇：作为代表荣耀猎人游戏本的跨界新物种，它究竟做了哪些平衡以兼顾不同人群的各类需求呢？</ul></a></div> </div> <div class="sidebar"> 友情链接:<a href="http://www.imxmx.com/" title="杰晶网络" target="_blank">杰晶网络</a> <a href="/" title="DDR爱好者之家" target="_blank">DDR爱好者之家</a> <a href="http://www.nqxw.com/" title="南强小屋" target="_blank">南强小屋</a> <a href="http://www.paidiu.com/" title="黑松山资源网" target="_blank">黑松山资源网</a> <a href="http://www.dyhadc.com/" title="白云城资源网" target="_blank">白云城资源网</a> <a href="/sitemap1.xml">站点地图</a> <a href="/sitemap.xml">SiteMap</a> </div> </article> <footer> <p>Design by <a href="http://m.ddrfans.com">DDR爱好者之家</a> <a href="http://m.ddrfans.com">http://m.ddrfans.com</a></p> </footer> <script src="/images3g/nav.js"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(function() { var elm = jQuery('#left_flow2'); var startPos = jQuery(elm).offset().top; jQuery.event.add(window, "scroll", function() { var p = jQuery(window).scrollTop(); jQuery(elm).css('position', ((p) > startPos) ? 'fixed' : ''); jQuery(elm).css('top', ((p) > startPos) ? '0' : ''); }); }); </script> </body> </html>