/Javascript/AngularJS/How to make color squares in angular

How to make color squares in angular

<div><div class='box red'></div>= Super Fast Trains</div>
<br>
<div><div class='box green'></div>= Mail/Express Trains</div>
<br>
<div><div class='box blue'></div>= Local/ Passenger Trains</div>


// CSS

.box {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
}

.red {
  background-color: red;
}

.green {
  background-color: green;
}

.blue {
  background-color: blue;
}

Source: stackoverflow.com

Similar codes

0 vote107 views1 answer
How to deploy firebase angular 10
Javascript AngularJS
17 votes56 views1 answer
Angular delete component full
Javascript AngularJS
0 vote128 views3 answers
Order by ascending descending in angular 6 on click of button
Javascript AngularJS
1 vote102 views1 answer
Nghide angular 10
Javascript AngularJS
0 vote116 views2 answers
Angular disable click
Javascript AngularJS
0 vote104 views1 answer
Angular checkbox disabled
Javascript AngularJS
3 votes116 views1 answer
Scroll down div from component angular
Javascript AngularJS
1 vote120 views1 answer
Angular one array contains any of second
Javascript AngularJS
0 vote109 views2 answers
Set @Output through modalref angular
Javascript AngularJS
0 vote102 views1 answer
Angular 11 how to use skipLocationChange
Javascript AngularJS