/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 vote359 views1 answer
Angular blockly
Javascript AngularJS
0 vote386 views1 answer
Angular table lazy loading
Javascript AngularJS
1 vote358 views1 answer
Angular set timezone
Javascript AngularJS
0 vote358 views1 answer
Get current url last part angular
Javascript AngularJS
0 vote371 views2 answers
Angular 9 radio button checked
Javascript AngularJS
1 vote346 views1 answer
Angular run multiple projects
Javascript AngularJS
0 vote380 views1 answer
Angular http async false
Javascript AngularJS
2 votes348 views1 answer
Angular current year
Javascript AngularJS
0 vote368 views1 answer
How we can use pagination in angular material and spring boot
Javascript AngularJS
1 vote367 views1 answer
Your global Angular CLI version (11.0.2) is greater than your local version
Javascript AngularJS