改色真棒

Question

我有一个很棒的图标，它是一个信封...我希望在下面得到相同的结果。

在我的代码中，我没有蓝色的边框和白色的背景色。

我忘记了财产？

    .subtitles{
	height: 120px;
	width: 100%;
	padding-top: 38px;
}

.subtitle-right{
  float: right;
  margin-right: 70px;
  display: flex;
 


}


.fa{
	font-size: 23px;
   	color: blue;
   	margin-right: 14px;
}

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

    <div class="subtitles">
	<div class="subtitle-right"><i class="fa fa-envelope 5x"></i>Info@drivingschool.com</div>
</div>

Answer 1

您将无法完全做到这一点：屏幕快照中使用的图标与FontAwesome提供的图标根本不同。

不过，您使用的是FontAwesome的“实心”图标，您可以通过使用其regular图标来更近一点。为此，请将类fa更改为far。

要更改颜色，请使用color属性来调整字体颜色。

我在下面的代码中唯一更改的是HTML中的类名称。

.subtitles{
  height: 120px;
  width: 100%;
  padding-top: 38px;
}

.subtitle-right{
  float: right;
  margin-right: 70px;
  display: flex;
}

.far {
  font-size: 23px;
  color: blue;
  margin-right: 14px;
}

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<div class="subtitles">
  <div class="subtitle-right"><i class="far fa-envelope"></i> Info@drivingschool.com</div>
</div>

Answer 2

尝试以下 CSS ：

def sumDigits(s):
"""Assumes s is a string
Returns the sum of the decimal digits in s
For example, if s is 'a2b3c' it returns 5"""
sum = 0
for i in s:
    try:
        sum += int(i)
    except ValueError:
        None
return sum