/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 vote301 views2 answers
Angular cli create component with module
Javascript AngularJS
12 votes306 views2 answers
Angular string contains
Javascript AngularJS
0 vote286 views1 answer
Material icon button angular
Javascript AngularJS
1 vote291 views1 answer
Angular get current time
Javascript AngularJS
0 vote345 views1 answer
No styles are appearing in angular calendar
Javascript AngularJS
0 vote494 views1 answer
Toggle buttons angular styles
Javascript AngularJS
1 vote284 views1 answer
Angular validators number only in reactive form
Javascript AngularJS
2 votes426 views1 answer
How to put background image in angular 11
Javascript AngularJS
0 vote307 views1 answer
Npm font awesome 5 angular 7
Javascript AngularJS
0 vote296 views1 answer
Angular bind checkbox
Javascript AngularJS