/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

1 vote336 views4 answers
Angular 11 features
Javascript AngularJS
0 vote368 views1 answer
Generate angular.json for existing project
Javascript AngularJS
1 vote365 views1 answer
If 'ion-item' is an Angular component, then verify that it is part of this module.
Javascript AngularJS
5 votes366 views3 answers
Skip import angular 6
Javascript AngularJS
0 vote361 views3 answers
Barcode scanner angularjs chrome browser issues
Javascript AngularJS
1 vote485 views3 answers
How to fix cors in angular
Javascript AngularJS
0 vote406 views2 answers
How to auto click webpage in angular
Javascript AngularJS
0 vote344 views2 answers
Aos animation angular
Javascript AngularJS
0 vote318 views1 answer
Angular download blob pdf
Javascript AngularJS
6 votes389 views1 answer
Angular for objetkeys pipe
Javascript AngularJS