我可以在Markdown中使用HTML在文本周围创建一个方框吗？

问题描述 投票：0回答：1

example look

我正在用 标记符我想在一个盒子里放一些文字。由于 标记符 支持大部分 超文本标记语言(例如我用 <mark>keywords</mark> 来高亮显示关键字），我先试了下面的方法，但什么也没发生。

<div class="boxed">
this is the text.
</div>

我知道还有其他方法可以在 标记符但有一个简单的方法来 居然开箱 在文本周围？

html text markdown box
1个回答
1
投票

好的，我们现在开始

首先使用

<div class="boxed">
this is the text.
</div>

独自一人不会做任何事情。

使用这个代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Page Title</title>
    <style>
      /* The . with the boxed represents that it is a class */
      .boxed {
        background: lightgrey;
        color: black;
        border: 3px solid black;
        margin: 0px auto;
        width: 456px;
        padding: 10px;
        border-radius: 10px;
      }
    </style>
  </head>
  <body>
    <div class="boxed">
      Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rem quos esse
      at. Eaque porro vel soluta vero labore. Eius possimus ipsum deleniti
      perferendis quas perspiciatis reprehenderit adipisci fuga rerum velit.
      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sed minus
      voluptatem consequatur fugiat excepturi reiciendis nulla! Modi dignissimos
      molestiae perspiciatis commodi! Autem, deleniti neque aperiam excepturi
      sunt corrupti ipsam voluptatum!
    </div>
  </body>
</html>

希望对大家有所帮助。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.