Blogger Information
Blog 18
fans 0
comment 0
visits 15952
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
iframe实例简易后台及CSS样式四种来源
沉寂的博客
Original
674 people have browsed it

iframe实例简易后台及CSS样式四种来源

  iframe与a标签,配合使用写简易后台,iframe 里边的name属性值等于a标签的target属性值,这样a标签href属性跳转的地方就会在iframe内联框架中显示;

  代码如下所示:

  1. <div class="header">网站管理系统</div>
  2. <div class="aside">
  3. <a href="表单.html" target="content">表单</a>
  4. <a href="列表表格.html" target="content">列表表格</a>
  5. <a href="html前端a标签锚点图片标签.html" target="content"
  6. >html前端a标签锚点图片标签</a
  7. >
  8. </div>
  9. <div class="main">
  10. <iframe src="" name="content" srcdoc="请点击右边栏目"></iframe>
  11. </div>

运行结果如下:
iframe简易后台

css样式四种来源

1.用户自定义;
2.用户代理样式(浏览器代理);
3.继承样式;
4.行内样式(内联样式);
<h2 style="color:red">Hello Wold!</h2>
四中CSS来源样式如图所示:
css四种样式来源

Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post