登录 注册

边框包围文字怎么做到？

像这种用边框把文字段落围起来的效果，在思源笔记里怎么实现呢？屏幕截图 20230207105350.png

  • 思源笔记求助问答

    使用思源笔记过程中遇到问题的话请在这里寻求帮助。

    3923 引用 • 13708 回帖 • 22 关注
宜宾 位置
1 收藏
10 回帖
3
3
2
266 99 39 4 3 11 110

相关帖子

10 回帖
边框包围文字怎么做到？

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • yangguangdi •
    支持者 订阅者

    直接用 MD 语法“引用”实现，是不是也可以啊。先输入“>”，下过如下，你看看能满足你要求不。

    image.png

    1 回复
  • qinguo •
    作者

    不是文字的背景颜色，而是文字外面的框框是怎么搞出来的。我好奇的是这个。

    1 回复
  • drawone •
    订阅者

    HTML 块

  • StarDustSheep • • 1

    本质上就是 CSS 样式，某种特定标记符号框住的文本整个识别成一个块，然后 CSS 给这个块设置了特殊外观。至于是什么标记符号，或者说什么样式形式，那就不得而知了。最接近的是“引述”。

    有边框就是用 CSS 给这个元素设声明了 border 属性

    1 回复
  • qinguo •
    作者

    你说得对，本质上就是 CSS 样式的问题。值得一提的是，如果从网页上复制粘贴这段到印象笔记的话能够保持原样，粘贴到思源的话框框就没有了。

    1 回复
  • StarDustSheep •

    印象笔记好像是连带相关的 CSS 也存下来了

  • karl169 • • 1

    {{{row

    文本

    }}}
    {: style="border: 1px solid #eee"}

    这一段文本的方式粘贴到笔记里，或者做成模板导入

  • karl169 •

    {{{row

    文本

    }}}
    {: style="border: 2px solid #eee; border-radius: 4px"}

    样式可以自个依葫芦画瓢，自己改

  • karl169 • • 2

    和你截图一样，带背景色的

    {{{row

    文本

    }}}
    {: style="border: 2px solid #ccc; border-radius: 4px; background-color: #eee"}

    1 回复
  • qinguo •
    作者

    就是这个效果！

请输入回帖内容 ...
qinguo
宜宾
回帖
18
 帖子
5
 积分
2059

近期热议

推荐标签 标签

  • iOS

    iOS 是由苹果公司开发的移动操作系统，最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统，最初是设计给 iPhone 使用的，后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样，属于类 Unix 的商业操作系统。

    84 引用 • 127 回帖 • 4 关注
  • 音乐

    你听到信仰的声音了么？

    58 引用 • 515 回帖
  • 深度学习

    深度学习（Deep Learning）是机器学习的分支，是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    37 引用 • 40 回帖
  • HTML

    HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    105 引用 • 297 回帖
  • gRpc
    10 引用 • 8 回帖 • 23 关注
  • Google

    Google（Google Inc.，NASDAQ：GOOG）是一家美国上市公司（公有股份公司），于 1998 年 9 月 7 日以私有股份公司的形式创立，设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”，它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎，它提供了简单易用的免费服务。不作恶（Don't be evil）是谷歌公司的一项非正式的公司口号。

    53 引用 • 192 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖
  • 阿里巴巴

    阿里巴巴网络技术有限公司（简称：阿里巴巴集团）是以曾担任英语教师的马云为首的 18 人，于 1999 年在中国杭州创立，他们相信互联网能够创造公平的竞争环境，让小企业通过创新与科技扩展业务，并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 346 关注
  • Solidity

    Solidity 是一种智能合约高级语言，运行在 [以太坊] 虚拟机（EVM）之上。它的语法接近于 JavaScript，是一种面向对象的语言。

    3 引用 • 18 回帖 • 308 关注
  • Chrome

    Chrome 又称 Google 浏览器，是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写，包括 WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

    59 引用 • 284 回帖 • 1 关注
  • 持续集成

    持续集成（Continuous Integration）是一种软件开发实践，即团队开发成员经常集成他们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽早地发现集成错误。

    14 引用 • 7 回帖
  • Python

    Python 是一种面向对象、直译式电脑编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法简捷和清晰，尽量使用无异义的英语单词，与其它大多数程序设计语言使用大括号不一样，它使用缩进来定义语句块。

    515 引用 • 671 回帖
  • HBase

    HBase 是一个分布式的、面向列的开源数据库，该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable：一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样，HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 25 关注
  • 程序员

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

    513 引用 • 3611 回帖
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务，可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务，所以该项目也已经停止维护了！

    34 引用 • 467 回帖 • 657 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 398 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统（DBMS），它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的，并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖 • 2 关注
  • Spring

    Spring 是一个开源框架，是于 2003 年兴起的一个轻量级的 Java 开发框架，由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许使用者选择使用哪一个组件，同时为 JavaEE 应用程序开发提供集成的框架。

    919 引用 • 1450 回帖 • 381 关注
  • Vue.js

    Vue.js（读音 /vju ː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    259 引用 • 668 回帖 • 190 关注
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    191 引用 • 289 回帖 • 484 关注
  • ngrok

    ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 550 关注
  • 智能合约

    智能合约（Smart contract）是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易，这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 7 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。

    51 引用 • 37 回帖 • 1 关注
  • App

    App（应用程序，Application 的缩写）一般指手机软件。

    90 引用 • 376 回帖
  • 倾城之链
    23 引用 • 61 回帖 • 54 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 23 关注
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    7 引用 • 26 回帖

最新标签