HTML多文本颜色 青年学院

HTML多文本颜色 青年学院,html,class,styles,stroke,Html,Class,Styles,Stroke,上面的代码生成带有黑色文本的图片。假设我想要一个笔划(多色),即文本的黑色和银色轮廓。在photoshop中,它被称为笔划。我可以在html代码中这样做吗 <div class="mySlides fade"> <img src="images/homepage1/youth_academy_black_history_2.JPG" style="width:100%">

上面的代码生成带有黑色文本的图片。假设我想要一个笔划(多色),即文本的黑色和银色轮廓。在photoshop中,它被称为笔划。我可以在html代码中这样做吗

    <div class="mySlides fade">  
      <img src="images/homepage1/youth_academy_black_history_2.JPG" 
      style="width:100%">
    <div class="text" style="color:black">Youth Academy</div>
像这样的东西可能有用


希望此代码对您有所帮助。在CSS中,您可以使用
文本笔划
属性来实现此效果。祝你一切顺利

.text{
-webkit文本笔划宽度:0.5px;
-webkit文本笔划颜色:红色;
文字笔画宽度:0.5px;
文字笔画颜色:黄色;
颜色:黑色;
字号:18px;
字号:600;
}


青年学院
增加了字体大小,以反映CSS文本笔划属性的效果。您可以根据自己的方便来处理字体大小。请让我知道这个答案是否有用。此外,您可以参考链接了解更多信息

.mySlides.fade.text{
-webkit文本笔划:0.4px黄色;
文字笔划:0.4px黄色;
颜色:#000000;
字体大小:30px;
}


青年学院
不确定这是否是您想要的-->
.text {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: red;}
.text {text-shadow: 1px 1px 3px red;}