/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 vote142 views1 answer
Angular get element by classname
Javascript AngularJS
0 vote137 views1 answer
How to pass basic auth for api in angular 11
Javascript AngularJS
1 vote138 views1 answer
Using aria attributes in angular
Javascript AngularJS
1 vote129 views1 answer
Setinterval in angular 6
Javascript AngularJS
26 votes147 views1 answer
Angular lifecycle hooks
Javascript AngularJS
3 votes135 views3 answers
Angular email validation
Javascript AngularJS
0 vote245 views1 answer
Angular cannot access event.target.value of input element using $event
Javascript AngularJS
0 vote139 views1 answer
Installing toast for angular projects
Javascript AngularJS
0 vote128 views1 answer
How to write a test case for dropdown selection change in angular 9
Javascript AngularJS
0 vote147 views1 answer
Angular compnent
Javascript AngularJS