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

来源：动视网责编：小采时间：2020-11-27 18:48:43

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

css实现背景半透明文字不透明的效果示例:这篇文章主要介绍了关于css实现背景半透明文字不透明的效果示例，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下本文介绍了css实现背景半透明文字不透明的效果示例，分享给大家，具体如下：效果如下：<!DOCTYPE html> <h

推荐度：

点击下载本文 文档为doc格式

导读css实现背景半透明文字不透明的效果示例:这篇文章主要介绍了关于css实现背景半透明文字不透明的效果示例，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下本文介绍了css实现背景半透明文字不透明的效果示例，分享给大家，具体如下：效果如下：<!DOCTYPE html> <h

这篇文章主要介绍了关于css实现背景半透明文字不透明的效果示例，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

本文介绍了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>

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

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

推荐度：

点击下载本文 文档为doc格式

标签：设置透明度 css

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐