首页
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
倾斜错位线框底色小标题科技类正文
美化源代码
复制源代码
源代码
<section style="text-align: center;padding:10px 0px;"><section style="transform: rotatez(2deg);-webkit-transform: rotatez(2deg);-moz-transform: rotatez(2deg);-ms-transform: rotatez(2deg);-o-transform: rotatez(2deg);"><section style="background-color:#f4f9ff;transform: skew(3deg);padding:0px 5px;"><section style="transform: rotatez(-4deg);-webkit-transform: rotatez(-4deg);-moz-transform: rotatez(-4deg);-ms-transform: rotatez(-4deg);-o-transform: rotatez(-4deg);"><section style="border:dashed 1px #5bd6ff;transform: skew(-5deg);padding:10px 10px 15px;"><section style="transform: rotatez(2deg);-webkit-transform: rotatez(2deg);-moz-transform: rotatez(2deg);-ms-transform: rotatez(2deg);-o-transform: rotatez(2deg);"><section style="transform: skew(2deg);"><section style="text-align: center;"><section style="display:inline-block;"><section style="margin-left:29px;margin-bottom:-10px;display: flex;align-items:center;"><section style="width:2px;height:10px;background-color:#6aafff;"></section><section style="margin:0px 3px;width:2px;height:10px;background-color:#6aafff;"></section><section style="width:2px;height:10px;background-color:#6aafff;"></section></section><section style="width: 15px;height:12px;border-bottom:solid 1px #71d5ff;background-color:#f3f8fe;transform: rotatez(-45deg);-webkit-transform: rotatez(-45deg);-moz-transform: rotatez(-45deg);-ms-transform: rotatez(-45deg);-o-transform: rotatez(-45deg);"></section><section style="margin-left: 8px;background-color:#d4e8ff;padding:1px;margin-top: -6px;"><section style="margin:-3px 3px 3px -3px;background-color:#fefefe;padding:4px 25px;border:solid 1px #71d5ff;color:#3793fd;font-size:18px;letter-spacing:2px;"><p> 科技标题</p></section></section><section style="width: 19px;margin-left:auto;margin-top: -15px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/31980189a9fcc5a0cb940b06722cd7c5.png" style="display: block; width: 100%; height: auto;" alt=""></section></section></section><section style="margin:10px 0px 0px;"><section style="display: flex; justify-content: center; align-items:flex-start;"><section style="background-image: linear-gradient(90deg, #4399fd, #cde4ff);border-radius:50%;padding:3px;margin-top:6px;"><section style="width:8px;height:8px;border-radius:50%;background-color:#f3f8fe"></section></section><section style="width:95%;margin-left:7px;"><section style="color:#363738;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;transform: skew(2deg);"><p> 社会上习惯于把科学和技术连在一起，统称为科学技术，简称科技。</p></section></section></section></section><section style="margin:10px 0px 0px;"><section style="display: flex; justify-content: center; align-items:flex-start;"><section style="background-image: linear-gradient(90deg, #4399fd, #cde4ff);border-radius:50%;padding:3px;margin-top:6px;"><section style="width:8px;height:8px;border-radius:50%;background-color:#f3f8fe"></section></section><section style="width:95%;margin-left:7px;"><section style="color:#363738;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;transform: skew(2deg);"><p> 实际二者既有密切联系，又有重要区别。科学解决理论问题，技术解决实际问题。</p></section></section></section></section></section></section></section></section></section></section></section>
可视化
科技标题
社会上习惯于把科学和技术连在一起，统称为科学技术，简称科技。
实际二者既有密切联系，又有重要区别。科学解决理论问题，技术解决实际问题。
