★→ASP程序学习群:62655404 微信公众号开发
订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS学习 > 正文

利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明

深山工作室 2020/7/20 11:23:03 深山工作室 字体:  浏览 603 我要评论
效果展示:



在CSS中,当需要背景透明时,只要在这个16进制的6位数颜色代码之后加上一个字母与数字,就可以让当前这个层相应的纯色有透明效果。

主要代码:background-color:#000000a8;

以下是演示代码

<div style="background:#f20 url(2.jpg);width:100%;height:250px;padding:30px;">
<div style="background-color:#000000a8;border-radius:10px;height:50px;width:200px;color:#fff;margin:10px;">aaa111</div>
<div style="background-color:#ff6600a8;border-radius:10px;height:50px;width:200px;color:#fff;margin:10px;">aaa222</div>
<div style="background-color:#0066ffc1;border-radius:10px;height:50px;width:200px;color:#fff;margin:10px;">aaa3333</div>
</div>
后一页:没有了
相关阅读
( 2020/10/26 21:09:19 )uni-app操作json数组
( 2020/10/26 13:46:09 )uni-app自定义loading组件
( 2020/10/1 17:07:20 )uni-app一个像商城分类中心一样的联动侧边栏导航分类
( 2020/9/27 16:09:39 )uni-app实现tab选项卡
( 2020/9/25 22:35:17 )uni-app的父与子页面传递参数之属性Props字段类型讲解
( 2020/9/25 20:52:28 )uni-app判断当前客户端是安卓还是ios还是其它平台
( 2020/9/25 20:50:18 )uni-app基础知识事件传参(动态参数演示)
( 2020/9/25 20:49:33 )uni-app基础知识事件绑定 @click
共有0条关于《利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
解决手机端微信浏览器中视频自动播放和默认全屏问题
利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
在table中tr的display:block在firefox下显示布局错乱问题
在未知图片的宽度与高度时利用div+css将图片居中
用css做的英文首字母大写和英文全都大写通过各个浏览器
css优先级的例子
更多>>最新添加文章
uni-app操作json数组
uni-app自定义loading组件
uni-app一个像商城分类中心一样的联动侧边栏导航分类
uni-app实现tab选项卡
uni-app的父与子页面传递参数之属性Props字段类型讲解
uni-app判断当前客户端是安卓还是ios还是其它平台
uni-app基础知识事件传参(动态参数演示)
uni-app基础知识事件绑定 @click
更多>>随机抽取信息
如何加快网站访问速度
自适应高度textarea(文本框)
正则表达式全部符号解释
网站页面设计中的Css十大注意
利用CSS里面的A:hover鼠标滑过缩略图时放大图片
asp模拟动态加载include file
CSS教程:li和ul标签具体用法举例
留言动态显示图片