求助这个在 css 中怎么做

image.png

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    24466 引用 • 100036 回帖 • 1 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    9230 引用 • 41960 回帖 • 123 关注

相关帖子

被采纳的回答
  • wilsons 3

    可能样式冲突或兼容性问题,用这个试试

    {{{row
    📋 Abstract
    {: id="20241018092735-lls59q9" style="background-color:#07c1ff2d;border-radius:0px;margin:0;margin-left:-4px;font-weight:bold" updated="20241018095305"}
    
    算法犹如美妙的交响乐,每一行代码都像韵律般流淌。
    {: id="20241018093234-r9vy9e6" updated="20241018095344"}
    
    愿这本书在你的脑海中轻轻响起,留下独特而深刻的旋律。
    {: id="20241018093236-o4s173i" updated="20241018095404"}
    
    }}}
    {: updated="20241018095404" id="20241018093245-qw6s7hb" style="border:1px solid #07c1ff;padding:0;padding-left:4px;"}
    

    不行,用 vscoed 插件按照下面方式调整

    image.png

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • shiyuankill
    作者

    大佬,这个代码好像不能改,我想做成可编辑的模板。
    目前用 css 样式出现顶部和第一栏背景颜色有缝隙,不知道怎么处理image.png

    1 回复
  • 其他回帖
  • DrEgg
    <html>
    
    <body style="background: #272e3c;">
        <style>
            * {
                font-family: Arial, Helvetica, sans-serif;
            }
    
            .box {
                border-radius: 5px;
                border: #07c1ff solid 1px;
                min-width: 5rem;
                color: white;
            }
    
            .box .title {
                background: #07c1ff2d;
                padding: 0.7rem 1rem 0.5rem 1rem;
            }
    
            .box .content {
                padding: 0 1rem 0 1rem;
                line-height: 1.5rem;
                font-size: smaller;
                font-weight: thin;
            }
        </style>
    
        <div class="box">
            <div class="title">📝  <b style="font-size: smaller;">Abstract</b></div>
            <div class="content">
                <p>算法犹如美妙的交响乐,每一行代码都像韵律般流淌。</p>
                <p>愿这本书在你的脑海中轻轻响起,留下独特而深刻的旋律。</p>
            </div>
        </div>
    </body>
    
    </html>
    

    Screenshot20241017at6.39.52PM.png

    1 回复
  • shiyuankill 1
    作者

    image.png我显示这样

    1 回复
  • wilsons 3

    可能样式冲突或兼容性问题,用这个试试

    {{{row
    📋 Abstract
    {: id="20241018092735-lls59q9" style="background-color:#07c1ff2d;border-radius:0px;margin:0;margin-left:-4px;font-weight:bold" updated="20241018095305"}
    
    算法犹如美妙的交响乐,每一行代码都像韵律般流淌。
    {: id="20241018093234-r9vy9e6" updated="20241018095344"}
    
    愿这本书在你的脑海中轻轻响起,留下独特而深刻的旋律。
    {: id="20241018093236-o4s173i" updated="20241018095404"}
    
    }}}
    {: updated="20241018095404" id="20241018093245-qw6s7hb" style="border:1px solid #07c1ff;padding:0;padding-left:4px;"}
    

    不行,用 vscoed 插件按照下面方式调整

    image.png

    1 回复
  • 查看全部回帖

推荐标签 标签

  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    345 引用 • 724 回帖
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 1 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。

    2 引用 • 91 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    583 引用 • 3536 回帖
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 703 关注
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    149 引用 • 268 回帖
  • 互联网

    互联网(Internet),又称网际网络,或音译因特网、英特网。互联网始于 1969 年美国的阿帕网,是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。

    99 引用 • 358 回帖
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    132 引用 • 1115 回帖 • 119 关注
  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    5 引用 • 7 回帖
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 32 关注
  • 安装

    你若安好,便是晴天。

    132 引用 • 1184 回帖
  • 叶归
    5 引用 • 14 回帖 • 9 关注
  • Office

    Office 现已更名为 Microsoft 365. Microsoft 365 将高级 Office 应用(如 Word、Excel 和 PowerPoint)与 1 TB 的 OneDrive 云存储空间、高级安全性等结合在一起,可帮助你在任何设备上完成操作。

    5 引用 • 34 回帖
  • 锤子科技

    锤子科技(Smartisan)成立于 2012 年 5 月,是一家制造移动互联网终端设备的公司,公司的使命是用完美主义的工匠精神,打造用户体验一流的数码消费类产品(智能手机为主),改善人们的生活质量。

    4 引用 • 31 回帖 • 8 关注
  • 浅吟主题

    Jeffrey Chen 制作的思源笔记主题,项目仓库:https://github.com/TCOTC/Whisper

    1 引用 • 28 回帖
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    15 引用 • 67 回帖 • 290 关注
  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 4 关注
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 402 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    335 引用 • 324 回帖 • 1 关注
  • OneNote
    1 引用 • 3 回帖
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    286 引用 • 248 回帖 • 19 关注
  • 大数据

    大数据(big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    93 引用 • 113 回帖
  • JetBrains

    JetBrains 是一家捷克的软件开发公司,该公司位于捷克的布拉格,并在俄国的圣彼得堡及美国麻州波士顿都设有办公室,该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境:IntelliJ IDEA

    18 引用 • 54 回帖 • 2 关注
  • 职场

    找到自己的位置,萌新烦恼少。

    127 引用 • 1707 回帖
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 174 关注
  • CodeMirror
    1 引用 • 2 回帖 • 146 关注