介绍
这篇文章给大家分享的是有关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 nullcss怎么实现背景半透明文字不透明的效果