效果
食用方式
子比主题设置 -> 文章&列表 -> 文章页面 -> 填入
代码
<style>
.qiumo-bq {
box-sizing: border-box;
margin-top: 5px;
}
.qiumo-style1 {
display: flex;
flex-direction: column;
padding: 3px;
border-radius: 5px;
}
.qiumo-dl {
align-self: flex-end;
z-index: 1;
}
.qiumo-dl1 {
width: 45px;
}
.qiumo-dl2 {
width: 32px;
z-index: 1;
align-self: flex-end;
margin: -40px 0 0;
max-width: 200% !important;
}
.qiumo-dl-img {
width: 100%;
max-width: 100%;
display: block
}
.qiumo-nr-box {
color: var(--key-color);
background-color: var(--body-bg-color);
padding: 4px;
box-shadow: 0 0 3px 5px #0000000e;
margin-top: -64px;
border-radius: 5px;
}
.qiumo-nr {
display: flex;
flex-direction: column;
border: dotted 2px #e22e1d;
padding: 7px;
border-radius: 8px;
}
.qiumo-title-box {
align-self: flex-start;
display: flex;
align-items: center;
}
.qiumo-title {
padding: 6px 10px;
background-image: url(https://www.13ku.cn/static/img/other/71422800_0.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.qiumo-title-font {
color: #ffffff;
margin: 0;
font-size: 14px;
line-height: 14px;
letter-spacing: 1px;
font-weight: bold;
}
.qiumo-title-img {
width: 23px;
margin-left: 3px;
}
.qiumo-zw {
margin: 9px 0 0 14px;
}
.qiumo-line {
font-size: 14px;
line-height: 1.75;
letter-spacing: 1px;
text-align: justify;
}
.qiumo-line-xh {
color: #fff;
background-color: #e22e1d;
border-color: #e22e1d;
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
</style>
<div class="qiumo-bq">
<div>
<div class="qiumo-style1">
<!-- 灯笼 -->
<div class="qiumo-dl">
<div class="qiumo-dl1">
<img class="qiumo-dl-img"
src="https://www.13ku.cn/static/img/other/38877700_0.png">
</div>
<div class="qiumo-dl2">
<img class="qiumo-dl-img"
src="https://www.13ku.cn/static/img/other/38877700_1.png">
</div>
</div>
<!-- 内容 -->
<div class="qiumo-nr-box">
<div class="qiumo-nr">
<!-- 标题 -->
<div class="qiumo-title-box">
<div class="qiumo-title">
<div class="qiumo-title-font">文章版权声明</div>
</div>
<div class="qiumo-title-img">
<img class="qiumo-dl-img"
src="https://www.13ku.cn/static/img/other/38877700_2.png">
</div>
</div>
<!-- 正文 -->
<div class="qiumo-zw">
<div class="qiumo-line">
<span class="qiumo-line-xh">1</span> 本网站名称:<span style="color: #FF6666; font-size: 16px">囚墨博客</span>
</div>
<div class="qiumo-line">
<span class="qiumo-line-xh">2</span> 本站永久网址:<font color="#FF6666">https://www.13ku.cn</font>
</div>
<div class="qiumo-line">
<span class="qiumo-line-xh">3</span> 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ2625053283进行删除处理。
</div>
<div class="qiumo-line">
<span class="qiumo-line-xh">4</span> 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
</div>
<div class="qiumo-line">
<span class="qiumo-line-xh">5</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
</div>
<div class="qiumo-line">
<span class="qiumo-line-xh">6</span> 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
</div>
</div>
</div>
</div>
</div>
</div>
</div>
© 版权声明
文章版权声明
1 本网站名称:囚墨博客
2 本站永久网址:https://www.13ku.cn
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ2625053283进行删除处理。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
- 最新
- 最热
只看作者