方法:1、利用background属性设置背景颜色为灰色,只需要给元素添加“background:#c0c0c0;”样式;2、利用opacity属性设置元素的透明度,只需要给元素添加“opacity:透明度值;”样式即可。
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
css3怎么设置背景灰色且透明度
在css中,可以利用background属性设置背景为灰色,只需要给元素添加“background:#c0c0c0”样式即可。
在css中,可以利用opacity属性设置元素的透明度,opacity 属性设置元素的不透明级别。规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。
示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <style> .div1{ width:200px; height:200px; background:#c0c0c0 ; } .div2{ width:200px; height:200px; background:#c0c0c0; opacity:0.5; } </style> 设置灰色: <div class="div1"></div> 设置灰色且透明度: <div class="div2"></div> </body> </html>
输出结果:
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理