css3基础 rgba 背景半透明 简单示例
2018-02-11 09:39
579 查看
礼悟:
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
代码
效果
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
ide:visual studio 2017
browser:Chrome
os:win7
browser:Chrome
os:win7
代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="给最苦 https://www.cnblogs.com/jizuiku https://github.com/GratefulHeartCoder"/> <title></title> <style type="text/css"> body { background-image: url("../images/person.jpg"); background-repeat: no-repeat; } div { height: 100px; width: 200px; background-color: rgba(255,255,255,0.5); } </style> </head> <body> <div> </div> </body> </html>
效果
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
相关文章推荐
- css3基础 color:rgba 文字颜色半透明 简单示例
- css3基础 :target 目标伪类选择器 简单示例
- css3基础 :nth-last-child(3n) 简单示例
- css3基础 :nth-child(odd奇/even偶) 简单示例
- css3基础 :nth-child(3n+1) 简单示例
- 代码: CSS3动画,简单示例(鼠标移上去后,背景图片旋转)
- css3基础 ::before ::after 添加元素 简单示例
- 一个简单且丑陋的js切换背景图片基础示例
- css3基础 text-shadow 凹凸文字 简单示例
- css3基础 text-shadow 文字阴影 简单示例
- AngularJS基础 ng-switch 指令简单示例
- JavaSE8基础 父子类中都有静态代码块与构造代码块,执行顺序的简单示例
- 在ASP.NET Atlas中调用Web Service——创建Mashup调用远端Web Service(基础知识以及简单示例)
- 利用CSS3制作简单的背景图片
- css3基础 background-size 背景缩放
- CSS3之多背景background使用示例
- LINQ基础_简单示例
- AngularJS基础 ng-cut 指令介绍及简单示例
- java注解入门的简单介绍与示例(框架基础)
- Css3之基础-5 Css 背景、渐变属性