css怎么实现背景半透明文字不透明的效果

  介绍

这篇文章给大家分享的是有关css怎么实现背景半透明文字不透明的效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

效果如下:

 css怎么实现背景半透明文字不透明的效果

& lt; ! DOCTYPE  html>   & lt; html>   ,,,& lt; head>   ,,,,,,,& lt; meta  charset=癠TF-8"比;   ,,,,,,,& lt; title> & lt;/title>   ,,,,,,,& lt; style>   ,,,,,,,,,,,html {   ,,,,,,,,,,,,,,,背景:,# 6 a8db1;   ,,,,,,,,,,,}   ,,,,,,,,,,,.aside {   ,,,,,,,,,,,,,,,   ,,,,,,,,,,,,,,,背景颜色:rgba (244251251, 0.47);   ,,,,,,,,,,,,,,,   ,,,,,,,,,,,,,,,边界:,1 px ,, solid , # FFFFFF;   ,,,,,,,,,,,,,,,宽度:,200 px;   ,,,,,,,,,,,,,,,text-align:,中心;   ,,,,,,,,,,,,,,,颜色:,# FFFFFF;   ,,,,,,,,,,,}   ,,,,,,,,,,,   ,,,,,,,,,,,.aside  div {   ,,,,,,,,,,,,,,,身高:,55 px;   ,,,,,,,,,,,,,,,边界底部:,1 px ,, solid ,, # FFFFFF;   ,,,,,,,,,,,,,,,行高:,55 px;   ,,,,,,,,,,,,,,,   ,,,,,,,,,,,}   ,,,,,,,,,,,   ,,,,,,,,,,,.aside , div ,字体{   ,,,,,,,,,,,,,,,粗细:,800;   ,,,,,,,,,,,,,,,   ,,,,,,,,,,,}   ,,,,,,,,,,,   ,,,,,,,,,,,.aside , div ,跨度{   ,,,,,,,,,,,,,,,粗细:,800;   ,,,,,,,,,,,,,,,margin-left: 18 px;   ,,,,,,,,,,,}   ,,,,,,,,,,,   ,,,,,,,,,,,   ,,,,,,,& lt;/style>   ,,,& lt;/head>   ,,,& lt; body>   ,,,,,,,& lt; div ,类=癮side"比;   ,,,,,,,,,,,& lt; div>   ,,,,,,,,,,,,,,,& lt; font>留置室1,& lt;/font 比;   ,,,,,,,,,,,,,,,& lt; span> 10人& lt;/span>   ,,,,,,,,,,,& lt;/div>   ,,,,,,,,,,,   ,,,,,,,,,,,& lt; div>   ,,,,,,,,,,,,,,,& lt; font>留置室1,& lt;/font 比;   ,,,,,,,,,,,,,,,& lt; span> 4人& lt;/span>   ,,,,,,,,,,,& lt;/div>   ,,,,,,,,,,,   ,,,,,,,,,,,& lt; div>   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

css怎么实现背景半透明文字不透明的效果