如何将css的背景颜色设置为无色

如何将css的背景颜色设置为无色,第1张

css的背景颜色设置为无色步骤如下:

1、新建一个html文件,需要设置宽度250px和高度140px,以及背景色填充为红色。

2、然后在父级DIV中插入一个子DIV,定义它的宽200px,高90px,以及背景色。

3、然后添加一个无色(透明)的代码(opacity:0.6)。

4、在图层的上方,有个不透明度,设置为60%。

5、把刚才的背景色和无色代码删除,换个代码【background-color:rgba(255,255,255,0.6)】。

6、其中255,255,255就是PS中的拾色器里的数值。这样,css的背景颜色就为无色了。

任何一个css属性都是有默认值的,也就是说,即使你不设置,它这个值也是存在的。border的颜色默认就是黑色,但由于border的width默认为0,style默认为none,所以在默认情况下看不到边框,但并不等于边框的颜色就不存在。一旦把边框的width设为1px,style设为solid,黑色的边框就出现了。

Dreamweaver软件自带的 这个说法是错误的,实际上这跟浏览器有关,不同的浏览器,css属性的默认值有可能不同,但大部分都是相同的。

上传到网上则是没有的 这个说法也是错误的,原因同上。

补充说一下:你用浏览器的开发者模式去检查一下网页上的元素,就会发现,任何一个元素它的所有css属性都是有值的,即使没有进行过任何的设置。就好比字体的颜色,它默认就是黑色的啊,边框的颜色也一样的道理!


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/11544876.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存