Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我可以使用HTML在标记中的文本周围创建一个框吗?_Html_Text_Markdown_Box - Fatal编程技术网

我可以使用HTML在标记中的文本周围创建一个框吗?

我可以使用HTML在标记中的文本周围创建一个框吗?,html,text,markdown,box,Html,Text,Markdown,Box,我正在用标记写作,我想把一些文本放到一个框中。由于Markdown支持大多数HTML(例如,我使用关键字突出显示关键字),因此我首先尝试以下操作,但没有任何效果 <div class="boxed"> this is the text. </div> 这是文本。 我知道还有其他方法可以突出显示标记中的文本,但是有没有一种简单的方法可以在文本周围创建一个框?好的,让我们现在开始 首先使用 <div class="boxed"> this is the te

我正在用标记写作,我想把一些文本放到一个框中。由于Markdown支持大多数HTML(例如,我使用
关键字
突出显示关键字),因此我首先尝试以下操作,但没有任何效果

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

这是文本。
我知道还有其他方法可以突出显示标记中的文本,但是有没有一种简单的方法可以在文本周围创建一个框?

好的,让我们现在开始

首先使用

<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>

页面标题
/*这个。用方框表示它是一个类*/
.盒装{
背景:浅灰色;
颜色:黑色;
边框:3倍纯黑;
保证金:0px自动;
宽度:456px;
填充:10px;
边界半径:10px;
}
洛雷姆,伊普苏姆·多洛坐在一位杰出的领袖面前。雷姆·库斯·埃塞
在这是一个很好的解决方案。同侧缺失占有
这是一种令人难以忍受的疾病。
Lorem ipsum,dolor sit amet Concertetur Adipising Elite。Sed负号
这是一个例外!莫迪贵宾酒店
通透性痣!除此之外的所有人
不能让我堕落!
希望有帮助。

好的,我们现在就开始吧

首先使用

<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>

页面标题
/*这个。用方框表示它是一个类*/
.盒装{
背景:浅灰色;
颜色:黑色;
边框:3倍纯黑;
保证金:0px自动;
宽度:456px;
填充:10px;
边界半径:10px;
}
洛雷姆,伊普苏姆·多洛坐在一位杰出的领袖面前。雷姆·库斯·埃塞
在这是一个很好的解决方案。同侧缺失占有
这是一种令人难以忍受的疾病。
Lorem ipsum,dolor sit amet Concertetur Adipising Elite。Sed负号
这是一个例外!莫迪贵宾酒店
通透性痣!除此之外的所有人
不能让我堕落!

希望有帮助。

你说的“盒子”到底是什么意思?你是说块级框还是内联轮廓?@Dai Hi!我刚刚添加了一张我脑海中的画面……为什么
会做任何事情?您使用的样式表是否以某种特定方式设置了
.boxed
的样式?您所说的“box”到底是什么意思?你是说块级框还是内联轮廓?@Dai Hi!我刚刚添加了一张我脑海中的画面……为什么
会做任何事情?您使用的样式表是否以某种特定方式设置了
.boxed
的样式?噢,谢谢!它起作用了!我知道现在没有简单的解决方案了^ ^@PawinData你在样式标签中看到的东西叫做CSS我建议你学习HTML、CSS和Javascript,然后练习。我想你将来会成为一名专业的前端开发人员。哦,谢谢!它起作用了!我知道现在没有简单的解决方案了^ ^@PawinData你在样式标签中看到的东西叫做CSS我建议你学习HTML、CSS和Javascript,然后练习。我想你将来会成为一名专业的前端开发人员。