background-color没有none？

最新推荐文章于 2022-12-21 09:40:15 发布
最新推荐文章于 2022-12-21 09:40:15 发布
阅读量6.6k 收藏
点赞数
分类专栏： HTML&CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29656281/article/details/103645679
版权

我们想给一个类加上背景颜色为“none”时，会发现并没有这个属性，这时我们就该用到：

background-color: transparent;
hello王富贵
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web-develpment
04-03
<style> p {颜色：黑色； } .iconDetails {margin-left：2％; 保证金权利：2％； 向左飘浮; 高度：155px； 宽度：500像素； } .container2 {宽度：80％; 高度：自动； 填充：2％; } .button {border：none; 白颜色; 填充：15px 32px; 文本对齐：居中； 文字修饰：无； 显示：inline-block; font-size：16px; 保证金：10％10％； 左边距：20％； 光标：指针； } .button1 {background-color：＃4CAF50;} .button2 {background-color：＃008CBA;} </ style> 萨维萨教育学院 获得AICTE批准-获得IET-UK认证-获得NAAC'A'级-NIRF排名42/5000 +-印度排名前25位：AT
css之背景background
莫逸雪的博客
11-16 224
1.背景颜色 background-color: red; 一般情况下元素背景颜色默认值是transparent(透明),我们也可以手动指定背景颜色为透明色. 2.背景图片 实际开发中常见于logo或者一些装饰性的小图片或者是超大的背景图片,优点是非常便于控制位置(精灵图也是一种运用场景) background-color: none | url(url); 3.背景平铺 background-repeat: repeat | none-repeat | repeat-x | repeat-y;
CSS background-color 、image 背景图片
weixin_33696822的博客
11-28 304
背景颜色 background-color 语法： background-color：<color> 默认值：transparent 透明 适用于：所有元素 继承性：无 动画性：是 计算值：指定值 取值： <color>： 指定颜色。 说明： 设置或检索对象的背景颜色。 当同时定义了背景颜色和背景图像时...
【CSS】速查复习background相关所有属性(上)
小陈的博客
12-21 696
background是一种CSS简写属性，用于一次性集中定义一个或多个内容不少，我会按照上面这个顺序来展开图文介绍最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
background-color不显示颜色
热门推荐
励志要成为it大佬的博客
04-12 1万+
做前端这么久了在background-color上面出了问题，  今天在vue实例时候设置了background-color之后不显示颜色，我很明确类没有错， 宽高都有，F12检查除了背景颜色之外属性都显示了， 这是什么问题，  百度之后有人说这个要放在background-image后面才会显示颜色,因为背景图片把颜色覆盖了， 我试了下加个背景图片，恩 是显示颜色了， 但是 但是 但是 我也不需...
background-color没有none值
diebaiying3731的博客
04-25 1354
在工作中发现， 这样是没反应的， 要写这个样式才能去掉背景颜色(background-color:transparent;) 转载于:https://www.cnblogs.com/huanghuali/p/6760627.html
background-color不显示
YX_PJJuan的博客
03-26 1429
background-color不显示 我在css设置，在我的浏览器显示正常，在老板的浏览器背景色无法显示，被说了好久这个问题。写成十六进制在使用移动端观看也无法显示出来。有的出来了，有的不出来，这出现了严重的兼容性问题。有的浏览器是不支持这一种写法，要改写成rgb的样子才能够解决出来。 原本写法 background-color: #e7e7e7e8; 改成十六进制背景色就实现了 background-color: rgb(231 231 231 / 91%); ...
关于background和backgroundColor
szh1127249432的博客
12-15 695
let allli = document.getElementById("lowqUL").getElementsByTagName("li"); for (var i = 0; i < allli.length; i++) { allli[i].style.backgroundColor = ""; } for (var i = 0; i < this.lowArray.leng...
日历-指定日期的新闻
01-19
background-color: #FFFFFF;height: 20px;border: 1px solid #666666;color:#000000;} .Calendar {font-family: verdana;text-decoration: none;width: 170;background-color: #C0D0E8;font-size: 9pt;border:0px ...
漂亮的脚本日历,和大家分享
12-11
background-color: #FFFFFF;height: 20px;border: 1px solid #666666;color:#000000;} .Calendar {font-family: verdana;text-decoration: none;width: 170;background-color: #C0D0E8;font-size: 9pt;border:0px ...
Poverty-mission-:请浏览网页
05-28
#myBtn：hover {background-color：＃555; } </ style> 贫困欲了解更多信息，请点击这里。 贫困 这个例子演示了如何创建一个“网页” ，应该考虑穷人的贫困，但不应低估它。 印度三分之二的人口生活贫困：...
让背景如此暗淡（一种弹出提示信息时页面背景色调改变的方法）
12-10
我打了原创标记，因为我在写这个方法时的确没有参考过别人的代码。我的方法其实就是层遮罩加ALPHA滤镜实现预期效果。 提示信息框 a{ color:#000; font-size:12px;text-decoration:none} a:hover{ color:#900; ...
使用HTML开发商业网站-CSS3设计文本样式课件.pptx
07-10
设 置 文 本 样 式 字体属性 font-family，取值为字体名称 font-style (normal/italic/oblique) font-weight (normal/bold/bolder/lighter/...background-color background-image(url(URL)) background-attachment(sc
js实现非常棒的弹出div
11-23
本文实例为大家分享了一个非常棒的弹出div，供大家参考，具体内容如下 <... <head> <meta charset="utf-8" />... background-color: black; z-index:1001; -moz-opacity: 0.6; opacity:.60; filter: al
squarespace-css-snippets
06-24
Squarespace CSS 片段 以下是一些无需使用 Javascript 即可更改 Squarespace... background-color : # 000 ; } 标题 隐藏网站标题 . site-title { display : none; } 导航 在 Momentum 中隐藏站点导航 < style >
back-to-top-pure-javascript
07-06
background-color: #da6426;background-image: url(../images/scrollup.png);background-position: center;border-radius: 7px;-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;
VIARDOT-celia
03-06
VIARDOT-西莉亚主体{颜色：窗框； 保证金：自动; 宽度：600px; 字体家族：“ Reenie ... background-color：窗框； } div＃Tab span {display：none; 位置：绝对； 顶部：200px; 保证金：自动; 宽度：600px; 高度：
CSS3创建一个旋转可变色按钮
01-20
color:#555; font-weight:bold; font-size:15px; padding:10px 15px; border:none; margin:50px; cursor:pointer; -webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size...
222:222.暗模式。 到处。 222字节的js可使任何网站变暗
04-15
background-image:none;color:#' + ( / ^ A | BU / . test ( e . tagName ) ? '36c;text-decoration:underline;' : 'eee;' ) + e . getAttribute ( 'style' ) ) ) 然后在要启用暗模式的任何页面上单击书签。 例子 ...
#container { display: flex; flex-direction: row; } #menu { background-color: #333; color: #fff; width: 200px; height: 500px; } #menu ul { list-style-type: none; margin: 0; padding: 0; } #menu li a { display: block; color: #fff; padding: 10px 20px; text-decoration: none; } #menu li a:hover { background-color: #555; } #main { height: 500px; /*设定主体内容高度*/ overflow-y: scroll; /*添加滚动条*/ max-width: 1000px; padding: 20px; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.1); } .form-row { margin-bottom: 10px; } label { display: inline-block; width: 120px; text-align: right; margin-right: 16px; } input[type="text"], select, button[type="submit"] { width: 300px; height: 36px; border-radius: 2px; border: 1px solid #ccc; padding: 6px 12px; font-size: 14px; box-sizing: border-box; background-color: #f8f8f8; } button[type="submit"] { background-color: #1E9FFF; color: #main select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg"><path d="M 5,0 10,6 H 0 Z"/></svg>'); background-repeat: no-repeat; background-position-x: calc(100% - 12px); background-position-y: center; } button[type="submit"]:hover { background-color: #0C7DBE; } button[type="submit"]:active { background-color: #0B6994; } img { width: 200px; height: auto; margin-left: 10px; border: none; }請你幫我將所有進行注解
最新发布
06-11
/* CSS代码注释开始 */ /* 容器样式 */ #container { display: flex; flex-direction: row; } /* 菜单样式 */ #menu { background-color: #333; color: #fff; width: 200px; height: 500px; } #menu ul { list-style-type: none; margin: 0; padding: 0; } #menu li a { display: block; color: #fff; padding: 10px 20px; text-decoration: none; } #menu li a:hover { background-color: #555; } /* 主体内容样式 */ #main { height: 500px; /* 设定主体内容高度 */ overflow-y: scroll; /* 添加滚动条 */ max-width: 1000px; padding: 20px; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.1); } /* 表单样式 */ .form-row { margin-bottom: 10px; } label { display: inline-block; width: 120px; text-align: right; margin-right: 16px; } input[type="text"], select, button[type="submit"] { width: 300px; height: 36px; border-radius: 2px; border: 1px solid #ccc; padding: 6px 12px; font-size: 14px; box-sizing: border-box; background-color: #f8f8f8; } /* 提交按钮样式 */ button[type="submit"] { background-color: #1E9FFF; color: #fff; } /* 下拉列表样式 */ main select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg"><path d="M 5,0 10,6 H 0 Z"/></svg>'); background-repeat: no-repeat; background-position-x: calc(100% - 12px); background-position-y: center; } /* 按钮悬浮样式 */ button[type="submit"]:hover { background-color: #0C7DBE; } /* 按钮按下样式 */ button[type="submit"]:active { background-color: #0B6994; } /* 图片样式 */ img { width: 200px; height: auto; margin-left: 10px; border: none; } /* CSS代码注释结束 */

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值