HTML基础-09-浮动框架（）和颜色</h1> <div class="info"> 2022-05-31  本文已影响0人  <a href="/user/ylvccftx.html" target="_blank">玄德公笔记</a> <span class="Size"><i class="big" id="fontsize"></i></span> </div> <div class="content"> <h1>1. 浮动框架 < iframe ></h1> <blockquote> <p>在框架中显示页面</p></blockquote> <ul> <li>代码</li> </ul> <pre><code class="html"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>蜀</title> </head> <body> <iframe src="https://blog.csdn.net/xingzuo_1840" name="iframe_a" width="500" height="300"></iframe> <p><a href="https://blog.csdn.net/xingzuo_1840" target="iframe_a">玄德公的主页</a></p> </body> </html> </code></pre> <blockquote> <p>说明：<br> a 中定义了 target="iframe_a"，因此点击链接会跳到框架中<br> <code>frameborder="0"</code> 可以不显示边框</p></blockquote> <ul> <li> <p>显示结果</p> <br> <img src="https://img.haomeiwen.com/i25672647/7a1cb45ab6976983.png"> image.png </li> </ul> <h1>2. 颜色</h1> <h2>2.1 示例</h2> <ul> <li>使用方法</li> </ul> <p>可以使用 16进制、RGB、颜色名来表示颜色</p> <ul> <li>示例</li> </ul> <pre><code class="html"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>蜀</title> </head> <body> <p style="background-color:#FFFF00"> 通过十六进制设置背景颜色 </p> <p style="background-color:rgb(255,255,0)"> 通过 rgb 值设置背景颜色 </p> <p style="background-color:yellow"> 通过颜色名设置背景颜色 </p> </body> </html> </code></pre> <h2>2.2 颜色表</h2> <p><a href="https://links.jianshu.com/go?to=https%3A%2F%2Fwww.runoob.com%2Fhtml%2Fhtml-colornames.html" target="_blank">《按颜色名排序表》</a></p> <p><a href="https://links.jianshu.com/go?to=https%3A%2F%2Fwww.runoob.com%2Fhtml%2Fhtml-colorvalues.html" target="_blank">《按16进制排序表》</a></p> <hr> <img src="https://img.haomeiwen.com/i25672647/32f7e0a58cd00df2.png"> image.png </div> <div class="clear"></div> </article> <script type="text/javascript">meiwen("body");</script> <div class="clear"></div> <dl class="article-next-prev"> <a href="/article/173436.html" title=" 《腾讯没有梦想》一文反映了哪些问题？"><i></i>上一篇</a> <a href="/article/174225.html" title="一字千军论丑（原创）"><i></i>下一篇</a> </dl> <div class="clear"></div>  <script type="text/javascript">meiwen("page");</script>  <div class="clear"></div> <div class="box"><dt class="hd"><h3>猜你喜欢</h3></dt> <dd class="bd"> <ul class="list-pic"><li><a href="/article/69447.html"><img class="lazy" src="/uploads/thumbnail/53.jpg" width="320" height="211"/><span>再论专注</span></a></li><li><a href="/article/163474.html"><img class="lazy" src="/uploads/thumbnail/4.jpg" width="320" height="211"/><span>今天暴风雪中</span></a></li> </ul> <ul class="list"><li><span>01-21</span><a href="/article/82623.html">热闹不等于吵闹</a></li><li><span>06-08</span><a href="/article/32976.html">论不积跬步无以至千里</a></li><li><span>07-20</span><a href="/article/5039.html">中国古典诗词离当代人有多远</a></li><li><span>09-02</span><a href="/article/6894.html">纪念抗战胜利70周年：回望历史勿忘国耻</a></li><li><span>01-20</span><a href="/article/14445.html">电影制片人是做什么的</a></li><li><span>01-10</span><a href="/article/164560.html">幽灵恐怖事件</a></li> </ul> </dd> </div> <script type="text/javascript">meiwen("rand");</script> <div class="box"><dt class="hd"><h3>热点阅读</h3></dt> <dd class="bd"> <ul class="list-pic"><li><a href="/article/15396.html"><img class="lazy" src="/uploads/thumbnail/53.jpg" width="320" height="211"/><span>早餐里见世界</span></a></li><li><a href="/article/166780.html"><img class="lazy" src="/uploads/thumbnail/97.jpg" width="320" height="211"/><span>谏言：全国的扫黑反腐</span></a></li> </ul> <ul class="list"><li><span>08-22</span><a href="/article/6256.html">浅谈对“天津爆炸事故”的看法和感想</a></li><li><span>07-04</span><a href="/article/38138.html">元芳你怎么看下一句</a></li><li><span>07-03</span><a href="/article/38098.html">陪伴是最长情的告白下一句</a></li><li><span>01-21</span><a href="/article/17790.html">你知道fighting是什么意思？告诉你fighting的意思</a></li><li><span>06-23</span><a href="/article/36811.html">深度好文：生命的意义不单是幸福</a></li><li><span>06-20</span><a href="/article/36171.html">深度好文：人最怕深交后的陌生</a></li> </ul> </dd> </div> <div class="sort"><ul><a href="/wenzhang/aiqing/">爱情文章</a><a href="/wenzhang/qinqing/">亲情文章</a><a href="/wenzhang/youqing/">友情文章</a><a href="/wenzhang/xinqing/">心情文章</a><a href="/wenzhang/lizhi/">励志文章</a><a href="/wenzhang/jieri/">节日文章</a><a href="/wenzhang/xiaoyuan/">校园文章</a><a href="/wenzhang/jingdian/">百家杂谈</a></ul></div> <center style="background:#fff"><script type="text/javascript" src="//dm.cyewang.com/gbtxkdjth.js"></script></center> <footer> <div class="meiwen"> <a href="/member/" >会员管理</a> <a href="/new.html">最近更新</a> <a href="/pic.html">美文美图</a> <a href="/sitemap.html">网站地图</a> </div> <div class="copyright"> © 2014-2018 <a href="/">美文阅读网</a> 版权所有 </div> </footer> <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.min.js"></script> <script type="text/javascript" src="/img/meiwen.min.js"></script> <script type="text/javascript">meiwen("footer");</script> </body> </html>