css实现背景半透明文字不透明的效果示例

本文介绍了css实现背景半透明文字不透明的效果示例，分享给大家，具体如下：

效果如下：

    
 
 
 
     html{
  background: #6a8db1;
     }
     .aside{
  
  background-color:rgba(244,251,251,0.47);
  
  border: 1px   solid  #FFFFFF;
  width: 200px;
  text-align: center;
  color: #FFFFFF;
     }
     
     .aside div{
  height: 55px;
  border-bottom: 1px   solid   #FFFFFF;
  line-height: 55px;
  
     }
     
     .aside  div  font{
  font-weight: 800;
  
     }
     
     .aside  div  span{
  font-weight: 800;
  margin-left:18px;
     }
     
     
 
    
    
 
     
  留置室1 
  10人
     
     
     
  留置室1 
  4人
     
     
     
  留置室1 
  12人
     
     
     
  留置室1 
  6人
     
     
     
  留置室1 
  8人
     
     
 
    

颜色可根据调色板自行调色

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。