Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 10.19作业 后台管理 和简单选择器
Blogger Information
Blog 24
fans 0
comment 0
visits 10882
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
10.19作业 后台管理 和简单选择器
皮皮志
Original
348 people have browsed it
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8.     <style>
  9.     a{
  10.         text-decoration: none;
  11.         color:black;
  12.         border: 1px solid red;
  13.     }
  14.     /* 标签选择器 */
  15.     h1{
  16.             color: blue;
  17.         }
  18.         /* 属性选择器 
  19.            class='h2'
  20.            id='h2'
  21.         */
  22.         .h2{
  23.             color: yellow;
  24.         }
  25.         #h2{
  26.             color:purple;
  27.         }
  28.         /* 群组选择器 */
  29.         h4,h5,h6{
  30.             color:darkred;
  31.         }
  32.     </style>
  34. </head>
  35. <body>
  36.     <h1>后台管理界面</h1>
  37.     <nav>
  38.     <a href="" target="content">首页</a>
  39.     <a href="" target="content">我的收益</a>
  40.     <a href="" target="content">广告列表</a>
  41.     <a href="" target="content">我的广告位</a>
  42.     <a href="" target="content">历史数据</a>
  43.     </nav>
  44.     <iframe srcdoc="<h1>后台管理界面，请选择导航栏</h1>" name="content" width="100%"></iframe>
  46.     <h1>你好，皮皮</h1>
  47. <h2 class="h2">你不好，皮皮</h2>
  48. <h3 id="h2">你好不好，皮皮</h3>
  49. <h4>你好，皮皮</h4>
  50. <h5>你好，皮皮</h5>
  51. <h6>你好，皮皮</h6>
  52. </body>
  53. </html>

代码展示如下

代码展示图

Correcting teacher：PHPzPHPz

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