<table>
<apex:repeat value="{!mapSurveyQuestionResponseFinal}" var="key" >
    <tr>
       <td  style="font-weight:bold;background-color:#e60000;color:white">{!key}
        Total Score:</td>
       <apex:repeat value="{!mapSurveyQuestionResponseFinal[key]}" var="con">
           <td style="font-weight:bold;background-color:#e60000;color:white">
            {!Round(mapSurveyQuestionResponseFinal[key][con],1)}</td>
       </apex:repeat>

   </tr>
</apex:repeat>
<tr>
   <td  style="font-weight:bold;background-color:#e60000;color:white">Grand Total:</td>
   <apex:repeat value="{!mapGrandTotal}" var="gt">
       <td style="font-weight:bold;background-color:#e60000;color:white">{!Round(mapGrandTotal[gt],1)}</td>
   </apex:repeat>
</tr>
</table>

<div class="{!CASE([key, 1, "yellow", 2, "red", 3, "green", "default")}">

<apex:page>
<style>
    .red{
        background: red;
    }
    .greeen{
        background: green;
    }
    .blue{
        background: blue;
    }
</style>
<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Description</th>
        </tr>
    </thead>
    <tbody>
        <apex:repeat value="{!dataValue}" var="data">
                <tr class={! if(data.key == '1', 'red', data.key == '2', 'green','blue')}>
                    <td>Avinash</td>
                    <td>Salesforce Consultant</td>
                </tr>
        </apex:repeat>

    </tbody>
</table>