本文介紹了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 p{ height: 55px; border-bottom: 1px solid #FFFFFF; line-height: 55px; } .aside p font{ font-weight: 800; } .aside p span{ font-weight: 800; margin-left:18px; } </style> </head> <body> <p class="aside"> <p> <font>留置室1 </font > <span>10人</span> </p> <p> <font>留置室1 </font > <span>4人</span> </p> <p> <font>留置室1 </font > <span>12人</span> </p> <p> <font>留置室1 </font > <span>6人</span> </p> <p> <font>留置室1 </font > <span>8人</span> </p> </p> </body></html>
顏色可根據調色盤自行調色
以上就是本篇文章的全部內容了，更多相關內容請關注topic.alibabacloud.com。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
