• 练习:完成试卷的页面设计


    1. html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>Titletitle>
    6. <style>
    7. #exam-page{
    8. width: 800px;
    9. padding-left: 10px;
    10. padding-right: 10px;
    11. padding-top: 10px
    12. }
    13. #big-title{
    14. padding: 5px;
    15. border: 2px solid black;
    16. display: flex;
    17. width: 100%;
    18. font-size: x-large;
    19. }
    20. #small-title{
    21. display: block;
    22. font-size: larger;
    23. text-align: center;
    24. padding: 10px;
    25. }
    26. .question-type-title{
    27. font-size: larger;
    28. }
    29. .choice-question-input{
    30. border-style: none none solid none;
    31. width: 20px;
    32. }
    33. style>
    34. head>
    35. <body>
    36. <div id="exam-page">
    37. <div id="big-title">
    38. <div style="float:left;width: 20%;">超级全能生div>
    39. <div style="width: 60%;text-align: center">
    40. <div>浙江省新高考信息技术科目基础div>
    41. <div>夯实卷(一)div>
    42. div>
    43. <div style="float: right;width:20px;border-style: solid;text-align: center">1div>
    44. div>
    45. <div id="small-title">
    46. <div>信息技术div>
    47. <div>本试卷满分50分,考试时间45分钟。div>
    48. div>
    49. <div class="question-type-title">
    50. <div style="margin-bottom: 10px">一、选择题(本大题共12小题,每小题2分,共24分。在每小题给出的四个选项中,
    51. 只有一个是符合题目要求的)
    52. div>
    53. div>
    54. <div>
    55. <div>
    56. <div style="display: flex;margin-bottom: 10px">
    57. <div style="float: left"><span style="font-weight: bolder;margin-right: 2px">1.span>下列有关数据、信息、知识、智慧等说法中,正确的是div>
    58. <div style="float: right;">(<input class="choice-question-input" type="text"/>)div>
    59. div>
    60. <div style="display: inline">
    61. <div style="padding-left: 10px">
    62. <div style="margin-bottom: 10px">A.计算机可以处理文本、图像、声音、视频等数据,数据量大时,只能使用计算机来处理div>
    63. <div style="margin-bottom: 10px">B.计算机可以处理文本、图像、声音、视频等数据,数据量大时,只能使用计算机来处理div>
    64. <div style="margin-bottom: 10px">C.计算机可以处理文本、图像、声音、视频等数据,数据量大时,只能使用计算机来处理div>
    65. <div style="margin-bottom: 10px">D.计算机可以处理文本、图像、声音、视频等数据,数据量大时,只能使用计算机来处理div>
    66. div>
    67. div>
    68. div>
    69. <div>。。。。。。。div>
    70. div>
    71. div>
    72. body>
    73. html>

  • 相关阅读:
    文件操作【详解】
    【算法与数据结构】216、LeetCode组合总和 III
    基于Java毕业设计一中体育馆管理系统源码+系统+mysql+lw文档+部署软件
    871. 最低加油次数 : 简单优先队列(堆)贪心题
    图片隐写,盲水印,加密logo
    C++提高编程
    Vue学习
    网络协议:Cookie与Session技术
    cookie加密8
    web应用程序、Django框架的学习
  • 原文地址:https://blog.csdn.net/daqi1983/article/details/132919053