我的学习日志（静态页面）

最新推荐文章于 2024-08-30 15:48:49 发布

海面有风

最新推荐文章于 2024-08-30 15:48:49 发布

阅读量423

点赞数

分类专栏：其他文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44659458/article/details/123772446

版权

其他专栏收录该内容

15 篇文章 0 订阅

订阅专栏

在这里插入图片描述
代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>日志</title>
    <style>
      .container {
        min-width: max-content;
        user-select:none;
      }
      ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
      }

      ::-webkit-scrollbar-track {
        background-color: rgba(73, 177, 245, 0.2);
        border-radius: 2em;
      }

      ::-webkit-scrollbar-thumb {
        background-color: #49b1f5;
        background-image: -webkit-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.4) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.4) 50%,
          rgba(255, 255, 255, 0.4) 75%,
          transparent 75%,
          transparent
        );
        border-radius: 2em;
      }

      ::-webkit-scrollbar-corner {
        background-color: transparent;
      }

      ::-moz-selection {
        color: #fff;
        background-color: #49b1f5;
      }
      ul,
      li {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      * {
        margin: 0;
        padding: 0;
      }

      .title {
        text-align: center;
        padding: 12px;
        width: 600px;
        margin: 12px auto;
        background-color: #fff;
        position: sticky;
        z-index: 100;
        top: 0;
        left: 0;
        color: #49b1f5;
      }
      .list {
        width: 600px;
        height: 648px;
        margin: auto;
        overflow-y: auto;
        padding: 0px 12px;
      }
      .list .item {
        padding: 12px;
        box-sizing: border-box;
        border-radius: 12px;
        border: 1px dashed #49b1f5;
        margin-bottom: 12px;
        line-height: 26px;
        font-size: 14px;
        font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
        text-align: justify;
        background-color: rgba(73, 177, 245, 0.2);
      }
      .list .item .time {
        margin-top: 12px;
        color: #49b1f5;
      }
      .list .item:last-child {
        margin-bottom: 0px;
      }
    </style>
  </head>
  <body>
    <div class="wrapper">
      <div class="container">
        <h2 class="title">岁月可贵 - 日志</h2>
        <ul class="list">
          <li class="item">
            <div class="content">
              时间过得真快，我从2021年12月13号开始实习，到昨天2022年2月18号，刚好实习了50个工作日。🥰
              如果顺利的话，下个月3月11号就结束实习⚡，转试用期一直到拿毕业证后就能转正。
              其实这篇总结过完年回来上班前就准备想写了，但一直拖着，拖到现在（拖了俩周了）😅。今天趁周六，在不写又得到下一周了。🤣
              这50天严格意义上是没有50天的，因为我是去年年底才入职这家公司，过年公司放了8天假，在加之我过年前请了俩天假。一共放了10天，但也不止40天，中间有包含周六周日。🐶
              ✨这50天真得学到了很多东西✨。公司是一家从事内网安全开发的公司，从成立到现在有20年，公司有自己的产品，并且在全国都有自己的分公司，办公地，成长的平台挺大的🥰。
              之前我并没有接触过这个领域，所以对于我来说一切都是新的东西😅。在公司中我的岗位是 Web 开发工程师。💪🏻
            </div>
            <div class="time">2022-03-20</div>
          </li>
          <li class="item">
            <div class="content">
              时间过得真快，我从2021年12月13号开始实习，到昨天2022年2月18号，刚好实习了50个工作日。🥰
              如果顺利的话，下个月3月11号就结束实习⚡，转试用期一直到拿毕业证后就能转正。
              其实这篇总结过完年回来上班前就准备想写了，但一直拖着，拖到现在（拖了俩周了）😅。今天趁周六，在不写又得到下一周了。🤣
              这50天严格意义上是没有50天的，因为我是去年年底才入职这家公司，过年公司放了8天假，在加之我过年前请了俩天假。一共放了10天，但也不止40天，中间有包含周六周日。🐶
              ✨这50天真得学到了很多东西✨。公司是一家从事内网安全开发的公司，从成立到现在有20年，公司有自己的产品，并且在全国都有自己的分公司，办公地，成长的平台挺大的🥰。
              之前我并没有接触过这个领域，所以对于我来说一切都是新的东西😅。在公司中我的岗位是 Web 开发工程师。💪🏻
            </div>
            <div class="time">2022-03-20</div>
          </li>
          <li class="item">
            <div class="content">
              时间过得真快，我从2021年12月13号开始实习，到昨天2022年2月18号，刚好实习了50个工作日。🥰
              如果顺利的话，下个月3月11号就结束实习⚡，转试用期一直到拿毕业证后就能转正。
              其实这篇总结过完年回来上班前就准备想写了，但一直拖着，拖到现在（拖了俩周了）😅。今天趁周六，在不写又得到下一周了。🤣
              这50天严格意义上是没有50天的，因为我是去年年底才入职这家公司，过年公司放了8天假，在加之我过年前请了俩天假。一共放了10天，但也不止40天，中间有包含周六周日。🐶
              ✨这50天真得学到了很多东西✨。公司是一家从事内网安全开发的公司，从成立到现在有20年，公司有自己的产品，并且在全国都有自己的分公司，办公地，成长的平台挺大的🥰。
              之前我并没有接触过这个领域，所以对于我来说一切都是新的东西😅。在公司中我的岗位是 Web 开发工程师。💪🏻
            </div>
            <div class="time">2022-03-20</div>
          </li>
          <li class="item">
            <div class="content">
              时间过得真快，我从2021年12月13号开始实习，到昨天2022年2月18号，刚好实习了50个工作日。🥰
              如果顺利的话，下个月3月11号就结束实习⚡，转试用期一直到拿毕业证后就能转正。
              其实这篇总结过完年回来上班前就准备想写了，但一直拖着，拖到现在（拖了俩周了）😅。今天趁周六，在不写又得到下一周了。🤣
              这50天严格意义上是没有50天的，因为我是去年年底才入职这家公司，过年公司放了8天假，在加之我过年前请了俩天假。一共放了10天，但也不止40天，中间有包含周六周日。🐶
              ✨这50天真得学到了很多东西✨。公司是一家从事内网安全开发的公司，从成立到现在有20年，公司有自己的产品，并且在全国都有自己的分公司，办公地，成长的平台挺大的🥰。
              之前我并没有接触过这个领域，所以对于我来说一切都是新的东西😅。在公司中我的岗位是 Web 开发工程师。💪🏻
            </div>
            <div class="time">2022-03-20</div>
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>

海面有风

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
我的学习日志（静态页面）

代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <.
复制链接

扫一扫