/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 vote313 views1 answer
Use node js as backend with angular frontend
Javascript AngularJS
1 vote306 views1 answer
File input change event not firing angular
Javascript AngularJS
0 vote328 views1 answer
Angular taskkill in port 4200
Javascript AngularJS
2 votes317 views1 answer
How to get http request and store the response in a variable in angular
Javascript AngularJS
21 votes405 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS
0 vote321 views1 answer
Angular material change placeholder color
Javascript AngularJS
0 vote327 views1 answer
Module not found error can't resolve 'rxjs/observable' angular 8
Javascript AngularJS
0 vote324 views1 answer
Allow downloads from angular website
Javascript AngularJS
1 vote325 views1 answer
Uppercase angular pipe
Javascript AngularJS
4 votes325 views1 answer
Clear angular formarray
Javascript AngularJS