请问这个CSS该怎么加

这是门户里面的一个模块，从图片1变到图片2的效果，css代码应该加载什么位置？

只要CSS代码正确，随便什么位置

实现代码如下：

1. <style type="text/css">
   
2. .bmg_div {overflow:hidden;width: 330px;}
   
3. .bmg_div a {display:block;float:left;width: 100px; height: 60px;line-height: 60px;background: #2B6CA4;color: #FFF;font-size:20px;margin:5px 5px;text-align:center;text-align:center;font-weight:600;}
   
4. .bmg_div a:hover {background: #FFAA11;}
   
5. </style>
   
6. <div class="bmg_div">
   
7.         <a href="#">#</a>
   
8.         <a href="#">#</a>
   
9.         <a href="#">#</a>
   
10.         <a href="#">#</a>
    
11.         <a href="#">#</a>
    
12.         <a href="#">#</a>
    
13.         <a href="#">#</a>
    
14.         <a href="#">#</a>
    
15.         <a href="#">#</a>
    
16. </div>

复制代码