如何在HTML/CSS中概述文本
发布时间:2020-12-14 21:36:20 所属栏目:资源 来源:网络整理
导读:假设我有白色字符,我想在每个字符上绘制一个黑色的轮廓(这不同于整个文本框的概述)。 做这个大纲的代码是什么? 编辑:很好,我不是要求整个文件。所有我想要的是一行代码和所需的参数来创建文本的轮廓。我不觉得需要发布代码,因为它只是一个简单的请求。
假设我有白色字符,我想在每个字符上绘制一个黑色的轮廓(这不同于整个文本框的概述)。
做这个大纲的代码是什么? 编辑:很好,我不是要求整个文件。所有我想要的是一行代码和所需的参数来创建文本的轮廓。我不觉得需要发布代码,因为它只是一个简单的请求。 我已经尝试使用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 class="test"><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 class="test"><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; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |