首页 > 其他分享 >css设置backgroud:url(),无效

css设置backgroud:url(),无效

时间:2023-10-18 12:22:26浏览次数:31  
标签:颜色 url 无效 backgroud 设置 css

react项目中,使用styled-components编写样式,给元素添加背景图不生效。

image
image

background直接设置十六进制颜色或者颜色的英文名称都是可行的,但是使用url无作用,那就是url问题了,于是我想换一种思路,能不能把图片import进来,放进url里,避免错误的路径呢,于是

image
image

哎嘿,好使了

image

标签:颜色,url,无效,backgroud,设置,css
From: https://www.cnblogs.com/ljh330/p/17771788.html

相关文章

  • 根据url下载和文件流下载
     记录一下 直接下载window.location.href=file.downloadUrl根据url下载文件fetch(/*url链接*/).then((res)=>{res.blob().then((blob)=>{consturl=window.URL.createObjectURL(blob)consta=document.createElement('a')......
  • CSS 还原拉斯维加斯球数字动画
    我的小册 《CSS技术揭秘与实战通关》上线了,想了解更多有趣、进阶、系统化的CSS内容,可以猛击- LINK。最近大家刷抖音,是否有刷到拉斯维加斯的新地标「Sphere」:场馆内部的视觉效果非常惊人,其中一个效果让我虎躯一震:我的第一想法就是,这个看起来用CSS也可以实现嘛?还有......
  • HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
    HTML中列表的作用HTML中的列表(List)用于呈现按照一定逻辑关系组织的信息,以便用户更好地理解和识别。列表可以分为有序列表、无序列表和定义列表三种类型。有序列表(OrderedList):用于表示按照一定顺序排列的项目,每个项目都有对应的标记。常见的例子包括步骤、流程等。无序列表(Unordere......
  • HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
    HTML中列表的作用HTML中的列表(List)用于呈现按照一定逻辑关系组织的信息,以便用户更好地理解和识别。列表可以分为有序列表、无序列表和定义列表三种类型。有序列表(OrderedList):用于表示按照一定顺序排列的项目,每个项目都有对应的标记。常见的例子包括步骤、流程等。无序列表(Unordere......
  • python报错解决-ValueError: Trusted host URL must include a host part: '#!
    删掉#后面的字符参考:pipinstall总是报错:ValueError:TrustedhostURLmustincludeahostpart:‘#‘-CSDN博客......
  • Go 提取字符串中url,转换为markdown格式并替换
     Go提取字符串中url,转换为markdown格式并替换//MakeContentUrlToMarkDown将字符串中url非markdown格式转[](url)格式funcMakeContentUrlToMarkDown(sourceStringstring)(resultStringstring){//urlReMustCompile:=regexp.MustCompile(".*(?P<URL>(http|https|......
  • springboot访问图片本地路径并映射成url
    这几天很头疼,vue不读取图片,src已经动态绑定了,还是访问不到vue本地下图片,于是我就把图片地址改为springboot本地就成功了。 下面是参考博客;springboot访问图片本地路径并映射成url_springboot配置图片访问路径-CSDN博客最后样式 ......
  • CSS:@keyframes和animation
    一、@keyframes定义动画通过@keyframes规则,您能够创建动画。创建动画的原理是,将一套CSS样式逐渐变化为另一套样式。在动画过程中,您能够多次改变这套CSS样式。以百分比来规定改变发生的时间,或者通过关键词"from"和"to",等价于0%和100%。0%是动画的开始时间,100%动画......
  • 2前端开发css
    form表单'''获取前端用户数据并发送给后端服务器'''<fromaction=""></from>#需要再form标签内部编写获取用户数据标签#1属性action控制数据的提交地址方式1:写全路径action="http://www.aa7a.cn/user.php"方式2:写后缀(自动补全IP和PORT)......
  • CSS-03
    去掉li前面的项目符号:list-style:none圆角边框border-radius:12px;可以是px或百分比若将正方形改为圆形,则:border-radius:50%;或者将其设为宽度的一半。盒子阴影box-shadow:8px10px10px10pxrgba(0,0,0,.3);水平阴影垂直阴影模糊距离阴影的尺寸阴影颜色透明色:rg......