Html 如何在按钮内显示左双引号？

这就是我尝试过的

正文{
背景：浅蓝色；
填充：0px；
边际：0px；
}
span{
引号：“”；
字体系列：无衬线；
}
span：：之前{
内容：公开报价；
字体大小：35px；
垂直对齐：-0.6rem；
}

新报价

降低线条高度：

正文{
背景：浅蓝色；
填充：0px；
边际：0px；
}
跨度{
引号：“”；
字体系列：sansseif；
}
span：：之前{
内容：公开报价；
字体大小：35px；
垂直对齐：-0.7rem；
线高：0.4；
}

新报价

降低线条高度：

正文{
背景：浅蓝色；
填充：0px；
边际：0px；
}
跨度{
引号：“”；
字体系列：sansseif；
}
span：：之前{
内容：公开报价；
字体大小：35px；
垂直对齐：-0.7rem；
线高：0.4；
}

新报价

经过多次尝试，终于得到了它

谢谢大家的帮助

正文{
背景：浅蓝色；
填充：0px；
边际：0px；
}
跨度{
引号：“”；
字体系列：sansseif；
}
span：：之前{
内容：公开报价；
字体大小：49px；
垂直对齐：-1.2rem；
线高：0.4；
字体系列：无衬线；
}
钮扣{
填充：0px；
高度：35px；
填充：0px 8px 0px 6px；
}

新报价

经过多次尝试，终于得到了它

谢谢大家的帮助

正文{
背景：浅蓝色；
填充：0px；
边际：0px；
}
跨度{
引号：“”；
字体系列：sansseif；
}
span：：之前{
内容：公开报价；
字体大小：49px；
垂直对齐：-1.2rem；
线高：0.4；
字体系列：无衬线；
}
钮扣{
填充：0px；
高度：35px；
填充：0px 8px 0px 6px；
}

新报价

尝试复制并粘贴此文件，在此处运行您的代码片段并检查按钮元素

-您会发现没有太多填充，它是以“rem”单位指定的

填充：.375rem.75rem

来自bootstrap中“\u buttons.scs”中的

.btn

类。您可以覆盖它，但（再次）几乎没有填充。正如Temani Afif所说，在相同的CSS规则中设置为1.5会产生大部分空间。@s.Ramjit-Ashik在使用Unicode左双引号时没有任何问题。已在

引号中指定了它：“”从该页面复制不会改变任何内容。引用看起来不同，因为正如Ashik所想，它们使用的是不同的
字体系列
尝试复制和粘贴此代码段，在此处运行代码段并检查按钮元素
-您会发现没有太多填充，它是以“rem”单位指定的
填充：.375rem.75rem
来自bootstrap中“\u buttons.scs”中的
.btn
类。您可以覆盖它，但（再次）几乎没有填充。正如Temani Afif所说，在相同的CSS规则中设置为1.5会产生大部分空间。@s.Ramjit-Ashik在使用Unicode左双引号时没有任何问题。已在
引号中指定了它：“”从该页面复制不会改变任何内容。正如Ashik想知道的那样，这些引文看起来不同，因为它们使用的是不同的
字体系列
谢谢你的回答。引语看起来不一样。你能换一下吗。还有，按钮里面有太多的填充物。@AshikPaul好吧，我给了你主要的窍门。现在由您调整值以获得所需的结果（使用线条高度、字体大小、垂直对齐、字体系列等）谢谢您的回答。引语看起来不一样。你能换一下吗。还有，按钮里面有太多的填充物。@AshikPaul好吧，我给了你主要的窍门。现在由您来调整值以获得所需的结果（使用线条高度、字体大小、垂直对齐、字体系列等）FWIW，在iOS Safari上，它看起来与您问题中的图像完全不同。如果你想要这种像素完美的图形，你必须使用图像。@deceze我不知道为什么它在你的设备上看起来不一样。但我对这个解决方案的输出感到满意。谢谢，在iOS Safari上，它看起来与你问题中的图像完全不同。如果你想要这种像素完美的图形，你必须使用图像。@deceze我不知道为什么它在你的设备上看起来不一样。但我对这个解决方案的输出感到满意。谢谢