本文介绍了css实现背景半透明文字不透明的效果示例,分享给大家,具体如下:
效果如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> 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; } </style> </head> <body> <div class="aside"> <div> <font>留置室1 </font > <span>10人</span> </div> <div> <font>留置室1 </font > <span>4人</span> </div> <div> <font>留置室1 </font > <span>12人</span> </div> <div> <font>留置室1 </font > <span>6人</span> </div> <div> <font>留置室1 </font > <span>8人</span> </div> </div> </body> </html>
颜色可根据调色板自行调色
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
浮动元素使其父元素高度塌陷我们经常会遇到一种情况,给一个元素设置浮动之后 fl...
经常能看到有关 CSS 绘图的文章,譬如使用纯 HTML + CSS 绘制一幅哆啦 A 梦图画...
一 是的,CSS也有正则(阿门) CSS装逼两利器:矩阵和正则。 其实呢,我们也不必...
使用Adobe Dreamweaver时,在代码视图里, 如果有中文, 用鼠标点击时, 光标的落位...
服务器挖矿是什么意思 ?自从中本聪在2009年推出比特币以来,区块链这个概念席卷...
微信 8.0 更新的一大特色就是支持动画表情,如果发送的消息只有一个内置的表情图...
2003年5月发在 CCW-I 社区 2006年9月般至 CSDN,略做修改 2021年5月使用 Markdow...
什么是vuex 官方定义 Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式 。它...
随着 云计算 技术的不断发展,我国云计算市场的经济效益也在日渐扩大,各个 云服...
前言 刚参加工作时被面试官一连串居中问题虐的体无完肤得场景历历在目。你是如何...