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

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

本文介绍了css实现背景半透明文字不透明的效果示例，分享给大家，具体如下：

效果如下：

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;

}

留置室1

10人

留置室1

4人

留置室1

12人

留置室1

6人

留置室1

8人

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

以上就是本篇文章的全部内容了，更多相关内容请关注PHP中文网。

html背景半透明字不变,css实现背景半透明文字不透明的效果示例相关推荐

CSS背景图片定位(background-position,css sprit,背景定位,background-imag
CSS背景图片定位(background-position,css sprit,背景定位,background-imag 标签: 杂谈分类: css 在CSS中,背景图片的定位方位有3种: 1)关键 ...
CSS实现多行文字两端对齐的效果
CSS实现多行文字两端对齐的效果文章来源:本站原创浏览次数:248 发布日期:2013-09-13 在做前台界面的时候,比如一些文字的列表或者一些表单的标题,经常是2个字,3个字,4个字的类型 ...
php设置背景图片的代码,css设置背景图片如何实现？（代码实例）
本篇文章给大家带来的内容是关于css设置背景图片如何实现?(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用J ...
php背景图片存放位置,CSS中背景图片位置 background-position 的使用方法
在使用背景图片时,经常会遇到背景图片所在的位置不是我们想要的,那如何设置背景图片的位置呢?以下就来介绍CSS中背景图片位置 background-position 的用法. 在背景图片的背景图片位置属 ...
html 修改背景透明度,html – 用css更改背景图像的不透明度
您可以在Photoshop或GIMP等程序中更改不透明度. 或者你可以用css中的不透明度来做到这一点.但是你可能不希望这样,因为你的.intro中会有一些内容,然后它也会受到影响. 所以我建议遵循解 ...
html中如何将背景图片模糊效果,【css】背景图片模糊效果
首先原图片效果 + 代码: image.png .wrapper { position: relative; width: 100%; height: 100vh; overflow: hidden; ...
CSS实现背景透明而背景上的文字不透明
在我们设计制作一些网页的时候可能会用到半透明的效果,首先我们可能会想到用PNG图片处理,当然这是一个不错的办法,唯一的兼容性问题就是ie6 下的BUG,但这也不困难,加上一段js处理就行了.但假如我们 ...
css语言中选项是背景图像的属性,HTML_学习CSS的背景图像属性background，CSS的背景属性“background”提供 - phpStudy...
学习CSS的背景图像属性background CSS的背景属性"background"提供了众多属性值,如颜色.图像.定位等,为网页背景图像的定义提供了极大的便利.看看backgr ...
css怎么分开背景图片,css切背景图片（background-position）
给元素添加背景图片的方式有很多,个人总结的有: 用img插入图片: css3的方式手动绘图: 单独用background-image单独插入图片: 其中用background-image有两种方法,一 ...
Css background背景语法
一.Css background背景语法 - TOP CSS背景基础知识 CSS 背景这里指通过CSS对对象设置背景属性,如通过CSS设置背景各种样式. 背景语法: background: b ...

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

html背景半透明字不变,css实现背景半透明文字不透明的效果示例相关推荐

最新文章

热门文章

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

html背景半透明 字不变,css实现背景半透明文字不透明的效果示例相关推荐

最新文章

热门文章

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

html背景半透明字不变,css实现背景半透明文字不透明的效果示例相关推荐