如何在html和css中创建段落首字母大写（特殊格式）

请帮助我用html和css创建此格式的段落

CSS和HTML：

.home-p-main{ 字体系列：时代新罗马； 字号：10pt； 文本对齐：左对齐； 位置：相对位置； 左边距：10磅； 右边距：10磅； 位置：绝对位置； 利润上限：1吨； 颜色：黑色； 背景色：aliceblue； 文本缩进：10磅； } .home-p-main：：第一个字母{ 文本转换：大写； 颜色：红色； 字体大小：300%； 字体大小：粗体； 左侧填充：25px； 位置：相对位置； 左边距：-26px； }

---

Linux开源操作系统或Linux操作系统

有一个属性：

.home-p-main {
    text-transform: capitalize;
}

如果希望第一个单词的第一个字母为大写，请使用：first letter和其他转换，尽管这并不重要。请注意，为了使：第一个字母起作用，a元素需要显示为块：

.home-p-main {
    display: block;
}

.home-p-main:first-letter {
    text-transform: uppercase;
}

---

这有一个属性：

.home-p-main {
    text-transform: capitalize;
}

如果希望第一个单词的第一个字母为大写，请使用：first letter和其他转换，尽管这并不重要。请注意，为了使：第一个字母起作用，a元素需要显示为块：

.home-p-main {
    display: block;
}

.home-p-main:first-letter {
    text-transform: uppercase;
}

---

我猜问题是第一个字母留在第一行，第二行在下面。你希望第二个字母，依此类推，在第一个字母的右边

您可以这样做，将第一个字母显示为一个块，并将其向左浮动

CSS看起来像是删除了不必要的行

.home-p-main{
    font-family: Times New Roman;
    font-size: 10pt;
    margin-left: 10pt;
    margin-right: 10pt;
    margin-top: 1pt;
    background-color: aliceblue;
}
.home-p-main:first-letter{
    text-transform:capitalize;
    color: red;
    font-size: 500%;
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 5pt;
}

---

我猜问题是第一个字母留在第一行，第二行在下面。你希望第二个字母，依此类推，在第一个字母的右边

您可以这样做，将第一个字母显示为一个块，并将其向左浮动

CSS看起来像是删除了不必要的行

.home-p-main{
    font-family: Times New Roman;
    font-size: 10pt;
    margin-left: 10pt;
    margin-right: 10pt;
    margin-top: 1pt;
    background-color: aliceblue;
}
.home-p-main:first-letter{
    text-transform:capitalize;
    color: red;
    font-size: 500%;
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 5pt;
}

CSS

要使其按您所希望的方式工作，您必须从.home-p-main类中删除文本缩进，并且如果您希望单词完全对齐（尽管有中断字母），请使用单词break:break all；在home-p-main类中

CSS

要使其按您所希望的方式工作，您必须从.home-p-main类中删除文本缩进，并且如果您希望单词完全对齐（尽管有中断字母），请使用单词break:break all；在home-p-main类中

---

添加行高和边距顶部可以提高间距。添加行高和边距顶部可以提高间距。您可以使用：：first letter获得此效果您可以使用：：first letter获得此效果