如何在HTMLCSS中概述文本

概述假设我有白色字符，我想在每个字符上绘制一个黑色的轮廓(这不同于整个文本框的概述)。 做这个大纲的代码是什么？ 编辑：很好，我不是要求整个文件。所有我想要的是一行代码和所需的参数来创建文本的轮廓。我不觉得需要发布代码，因为它只是一个简单的请求。 我已经尝试使用text-outline：2px 2px#ff0000;但是在所有主流浏览器中都不支持此功能。 范围 ： function createTit 假设我有白色字符，我想在每个字符上绘制一个黑色的轮廓(这不同于整个文本框的概述)。

做这个大纲的代码是什么？

编辑：很好，我不是要求整个文件。所有我想要的是一行代码和所需的参数来创建文本的轮廓。我不觉得需要发布代码，因为它只是一个简单的请求。

我已经尝试使用text-outline：2px 2px#ff0000;但是在所有主流浏览器中都不支持此功能。

范围 ：

function createTitleLegend() {    legendTitle = document.createElement('div');    legendTitle.ID = 'legendT';    contentTitle = [];    contentTitle.push('<h3><Font size="16">TM</Font></h3>');    contentTitle.push('<p ><br><Font size="6" color=#000000>We have <b><Font size="7" color="white" text-outline: 2px 2px #FF0000;>21421</Font></b></Font></p>');    legendTitle.INNERHTML = contentTitle.join('');      legendTitle.index = 1;}

我已经尝试使用字体内的大纲，以及一个类和div。无工作暴力方法似乎也不起作用。

另一编辑：

这是我想要大纲的关键。

contentTitle.push('<p ><br><Font size="6" color=#000000>We have <b><Font size="7" color="white">21421</Font></b> asdasd</Font></p>');

在应用轮廓之前，这个字符串写在一行中。我应用大纲后，我们有3条不同的文字。

contentTitle是Google Maps中的图例，文本对齐位于中心。正在推送的句子使用两种不同类型的字体，一种用于单词，一种用于数字。如果我使用div应用文本阴影，则会创建一个新行。我知道保持一切都在同一行的正常解决方案是使用浮点数。但是，如果我浮动，没有什么是中心了。

也许我没有正确浮动，但我已经尝试了div style = float和class =“float”到目前为止。

解决方法 从： Outline effect to text

.strokeme{    color: white;    text-shadow:    -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;  }

总结

以上是内存溢出为你收集整理的如何在HTML/CSS中概述文本全部内容，希望文章能够帮你解决如何在HTML/CSS中概述文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。