css中标题栏怎么添加圆点

CSS中的标题栏是网页设计中非常常见的元素，它可以用于分类、标题等等。有时候我们想要让标题栏更加美观，那么如何在标题栏中添加圆点呢？
首先，我们需要创建一个HTML文件，然后在文件中添加内容。接下来创建一个CSS文件，并在其中添加以下代码：
pre {
background-color: #f5f5f5;
font-family: "Courier New", Courier, monospace;
font-size: 14px;
line-height: 1.5;
overflow: auto;
padding: 10px;
}
p {
margin-bottom: 20px;
}
让我们来一行一行看看这段代码的含义。首先，我们使用pre标签表示代码。我们将代码包含在其中，并且使用CSS对其样式进行修改。这里，我们设置了代码的背景颜色、字体、文字大小、行距、溢出和内边距。
然后，在我们的段落中添加了margin-bottom属性，为的是在段落之间添加一些间距。
现在，我们来看看如何在标题栏中添加圆点。我们可以使用::before伪元素，并在其中添加content和bullet（圆点）属性。以下是代码示例：
h2::before {
content: " 2022 ";
color: #e27802;
font-weight: bold;
display:inline-block;
width:1em;
margin-left:-1em;
}
在上面的代码中，我们使用h2选择器选中了标题栏。然后，在伪元素::before中，我们设置了content为圆点，并且定义了圆点的颜色、加粗、尺寸和位置。
值得注意的是，我们在margin-left属性中使用了负值来让圆点与文本内容对齐，这是常见的技巧。
通过以上代码，您现在可以给您的标题栏添加圆点了。希望这篇文章对您有所帮助！