代码
<!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>