修改下面代码要求任意改变一部分样式一定要美观!DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=author content=Xue Huanqun titlep72_73title style type=textcss relativeBlock width 600px; height 300px

日期: 2027-07-09 11:58:27

标签: 教育

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="author" content="Xue Huanqun">
  <title>p72_73</title>
  <style type="text/css">
    .relativeBlock{
      width: 600px;
      height: 300px;
      background-color: #0077b6;
      position: relative;
      margin-top: 200px;
    }
    .absoluteBlock{
      width: 50px;
      height: 50px;
      background-color: #90e0ef;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
    }
    .fixedBlock{
      width: 20px;
      height: 100px;
      background-color: #f94144;
      position: fixed;
      top: 20px;
      right: 20px;
      border-radius: 10px;
      box-shadow: 0 0 10px #f94144;
    }
  </style>
</head>
<body>
  <div class="relativeBlock">
    <div class="absoluteBlock">
<pre><code>&lt;/div&gt;
</code></pre>
  </div>
  <div class="fixedBlock">
</div>
</body>
</html

修改下面代码要求任意改变一部分样式一定要美观!DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=author content=Xue Huanqun titlep72_73title style type=textcss relativeBlock width 600px; height 300px

原文地址: https://www.cveoy.top/t/topic/d61k 著作权归作者所有。请勿转载和采集!