Html 在盒子里写减价

Html 在盒子里写减价,html,css,markdown,knitr,r-markdown,Html,Css,Markdown,Knitr,R Markdown,我想在Markdown文档中使用带边框的框(实际上,我使用RMarkdown与RStudio和knitr)。我在Markdown文档中编写了以下css: <head> <style> .title_box { display: block; border: 1px dotted darkRed; border-radius: 50px; width: 90%; background-color: white; left: 60px;

我想在Markdown文档中使用带边框的框(实际上,我使用RMarkdown与RStudio和knitr)。我在Markdown文档中编写了以下css:

<head>
<style>
.title_box { 
  display: block;
  border: 1px dotted darkRed; 
  border-radius: 50px;
    width: 90%;
    background-color: white;
    left: 60px;
    position: relative;
    margin-top: 60px;
}
.title_box #title { 
    border: 1px dotted darkRed;
    border-radius: 10px;
  position: relative; 
    padding: 5px 5px 5px 5px;
  top: -0.5em;
  margin-left: 2em;
  display: inline; 
  background-color: seaShell; 
    font-family: Calibri;
    color: darkRed;
    font-style:italic;
}
.title_box #content {
    padding: 5px 25px 25px 25px;
    line-height: 28px;
    color: darkRed;
    font-family: Georgia,'Comic Sans';
    font-style:italic;
}
</style>
</head>

.title_框{
显示:块;
边框:1px点黑色;
边界半径:50px;
宽度:90%;
背景色:白色;
左:60px;
位置:相对位置;
边缘顶部:60像素;
}
.title_框#title{
边框:1px点黑色;
边界半径:10px;
位置:相对位置;
填充物:5px 5px 5px;
顶部:-0.5em;
左边距:2米;
显示:内联;
背景颜色:贝壳;
字体系列:Calibri;
颜色:深色;
字体:斜体;
}
.title_框#内容{
填充:5px25px25px25px;
线高:28px;
颜色:深色;
字体系列:佐治亚州,“漫画圣”;
字体:斜体;
}
然后我使用它如下:

<div class="title_box">
    <div id="title" style="color:blue">Write title here</div>
    <div id="content">
        Write body **here**
    </div>
</div>

在这里写标题
在这里写下正文****
其中:


如您所见,标记语言在框中不起作用(“此处”显示在粗体显示的双星号之间)。有什么方法可以让它工作吗?

当使用Windows 7将示例代码粘贴到RStudio并用knitr编织时,它正确地将“here”一词加粗。剪切和粘贴过程在第二段代码开始之前(以div class=“title\u box”开头的行之前)留下了一个选项卡。当tab被移除时,它生成带有星号的文本。返回div行前的制表符,并正确加粗。

您希望
**此处**
出现在此处吗?@Mohsen是的,没错。这不能仅用CSS完成。您需要一种脚本语言,寻找正则表达式和一些scriptOk@Mohsen,但我真的不知道您在说什么。