PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

博客列表 > 10.19作业

10.19作业

子墨吖ฅฅ
子墨吖ฅฅ 原创
2022年10月19日 22:32:23 326浏览

后台管理页面及标签,属性,群组选择器使用

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport"
  6. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>10.19作业</title>
  9. </head>
  10. <style>
  11. /*标签选择器*/
  12. h1{
  13. color:red;
  14. }
  15. /*属性选择器*/
  16. .h2{
  17. color: #888888;
  18. }
  19. #h3{
  20. color: #eeffcc;
  21. }
  22. /*群组选择器*/
  23. h4,h5,h6{
  24. color: yellow;
  25. }
  26. </style>
  27. <body>
  28. <h1 style="color: black">后台管理页面</h1>
  29. <nav>
  30. <a href="" target="admin">首页</a>
  31. <a href="" target="admin">用户中心</a>
  32. <a href="" target="admin">订单列表</a>
  33. <a href="" target="admin">发货列表</a>
  34. <a href="" target="admin">商品管理</a>
  35. </nav>
  36. <iframe srcdoc="请选择导航栏..." name="admin" id="admin" frameborder="0" width="100%"></iframe>
  37. <h1>h1标签</h1>
  38. <h2 class="h2">h2标签</h2>
  39. <h3 id="h3">h3标签</h3>
  40. <h4>h4标签</h4>
  41. <h5>h5标签</h5>
  42. <h6>h6标签</h6>
  43. </body>
  44. </html>

代码执行效果

代码运行展示

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议