Html 向CSS代码添加字体边框

Html 向CSS代码添加字体边框,html,css,fonts,border,Html,Css,Fonts,Border,正如标题所示,我正在尝试为我正在制作的页面中的文本添加字体边框。背景有很多红色、绿色、黄色和黑色,所以单一的颜色是不够的 我知道我可以用webkit做这样的事情: h1 { -webkit-text-stroke: 1px black; } 但是,由于浏览器不支持它,我就一筹莫展了 有人能帮我吗?使用 您只能在webkit浏览器(Chrome、safari等)上使用text stroke 资料来源: 但是像其他回答的人一样,您可以使用文本阴影 p { text-shadow:

正如标题所示,我正在尝试为我正在制作的页面中的文本添加字体边框。背景有很多红色、绿色、黄色和黑色,所以单一的颜色是不够的

我知道我可以用webkit做这样的事情:

h1 { -webkit-text-stroke: 1px black; }
但是,由于浏览器不支持它,我就一筹莫展了

有人能帮我吗?

使用

您只能在webkit浏览器(Chrome、safari等)上使用
text stroke

资料来源:

但是像其他回答的人一样,您可以使用
文本阴影

p {    
    text-shadow: 0 0 1px black;
}
使用

您只能在webkit浏览器(Chrome、safari等)上使用
text stroke

资料来源:

但是像其他回答的人一样,您可以使用
文本阴影

p {    
    text-shadow: 0 0 1px black;
}

对于1像素笔划,
文本阴影可以:

text-shadow: 0 0 1px black;

对于1像素笔划,
文本阴影
可以:

text-shadow: 0 0 1px black;

查看此链接可能会有所帮助

如果您不需要羽化,它会将文本阴影添加到字母中,然后将值保留为0px将为您提供文本周围的边框

查看此链接可能会有所帮助


如果你不想要羽毛,那么将文本阴影添加到字母中,然后保持值为0px将给你在文本

周围的边界。它们是跨浏览器,在我看来,它们看起来很酷。定义你所说的“字体边框”,包括问题本身中的相关代码,并解释其中的相关内容。它们是跨浏览器的,在我看来,它们看起来真的很酷。定义“字体边框”的含义,在问题中包含相关代码,并解释其中的相关内容。