(r“““＜div style=“background: url(‘(.*?)‘) no-repeat； background-size: auto 100%；“/＞“““

最新推荐文章于 2022-07-07 09:01:53 发布
最新推荐文章于 2022-07-07 09:01:53 发布
阅读量355 收藏
点赞数
文章标签： python visual studio 正则表达式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_55663631/article/details/119808632
版权

 <div style="background:url('//cdnimg01.kurogame.com/M00/1A/80/ChpCl2EBM7iEDAu3AAAAAGIgNAU818.jpg') no-repeat; background-size: auto 100%;"/>

当用pyquery爬取图片时，有时候会遇到上面这样，没有直接说明长度宽度，而且url也不好直接拿出来。

这时可以用正则表达式re 的findall把上面用迭代器得到的url里 需要的字符串提取出来。

开始我是按下面提取的

imurl = re.findall(r"""<div style="background: url('(.*?)') no-repeat; background-size: auto 100%;"/>""", imurl)

print一下

不知道什么情况，然后发现我所需要的url在单引号里面，这样提取里面的信息就只需要r'\'(.*)\''修改如下

imurl = re.findall(r'\'(.*)\'', imurl)[0]

print一下，可以了

@son
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html backgroundurl无效,webpack打包后，css中的background:url(url)不能正常显示。
weixin_42168902的博客
06-04 1427
[问题描述]1、在html文件中使用img标签图片显示正常。2、在html标签中，使用style="background:url()"，图片显示正常。3、在css文件中，使用background:#f00，背景颜色显示正常。4、在css文件中，使用background:url，打包成功，但是打开网页后，html元素正常，但css未正确加载，而且js也无法运行。5、尝试使用file-loader u...
纯css实现元素下出现横线动画（background-image）
12-13
效果图： ...  <div class='site_bar'>首页</div> ...　background-repeat : no-repeat; //这个属性不能少。 　transition : .3s; } .site_bar:hover{ 　background-size : 100% 2px; } 总结 以上所述是小
div设置背景图background:url
aa_moon的专栏
09-27 4829
background:url(image/road.jpg) no-repeat center的基本用法介绍
热门推荐
MiyaWang21的博客
11-24 6万+
进行网页界面排版时，大家会经常用到background属性，写一些背景图片，颜色之类的，今天我先简单的介绍一下background属性的背景图片是什么样的效果。
html里style=“background:url()改成thymeleaf
qq_43881663的博客
04-16 2219
原本html里：thymeleaf里 <li style="background:url('/user/images/banner03.jpg') 50% 0 no-repeat;'></li> thymeleaf里改成这样结果不行 <li th:style="'background:url('/user/images/banner03.jpg') 50% 0 no-repeat;'"></li> 改成这样就可以了 <li th:style="'ba
Vue 的Style中background的URl地址build 后找不到图片地址
u013750989的专栏
09-28 4216
vue中的style标签中的background background-image 的路径应该怎么写才能正确的打包出来 Vue 的Style中background background-image 的URl地址build 后找不到图片地址： 1、仅需：在build/utils.js文件夹中添加  publicPath:'./../../' 如下图所示，根据自己创建的Vue project来确...
利用CSS定位背景图片 background-position
12-11
又如： ... 那么怎么来实现一张图片在不同的地方只显示其中的一部分呢，这就用到了我们今天要说的背景图片的定位问题。这个问题相信很多人都...div{ background:#FFF url(image) no-repeat fixed x y;} 这里的backg
通过css使用background-color为背景图添加遮罩效果的两种方法
01-19
一个div同时设置background-color和background-image的话，color是处于img层下方的... background: url(i/pic4.jpg) no-repeat; -webkit-background-size: 100%; background-size: 100%; } .warp-mask{ height:100%;
DIV+CSS创建网页-背景属性.pptx
11-01
网页设计与制作中，`DIV+CSS`是创建和布局网页内容的重要技术。在这个过程中，背景属性起着至关重要的作用，它可以增强网页的视觉效果，让网页更具吸引力。以下是一些关于背景属性的关键知识点： 1. **设置背景颜色...
Div+CSS基础用法整理.docx
11-26
- `background` 缩写可以包含背景颜色、图片、重复方式和定位，例如 `background: #FFF url(log.gif) no-repeat fixed top left;`。 2. **引入CSS样式**： - 内联样式：直接在HTML元素的`style`属性中指定，如 `...
vue的style绑定background-image url 写法
腾讯全栈-ITCJF
09-05 1万+
.login-container { background: url(‘~@/assets/login_images/login_background.png’);
动态style中backgroundImage的url无法显示问题
weixin_44070450的博客
12-08 7201
组件背景采用图片上传后，返回图片路径，更新前端数据，重新渲染页面。 因动态样式style的背景图是由js采用ES6模板字符串拼接而来，无法显示背景，如下: // this.host:服务器地址 ， imgUrl：图片路径 style.backgroundImage=`url(${this.host+imgUrl})` 当该参数当成 ing 的 src 路径时是可以查看到图片的 <img :src="`${host + imgUrl}`"/> 查看多个上传图片，发现查...
HTML：CSS中background:url()或background-image:url()不显示图片的可能解决办法
blog
08-07 1万+
要确保能用浏览器打开图片，然后复制地址栏里的路径，粘贴到url()的括号里面。在资源管理器里复制的路径和浏览器地址栏里的路径可能会不一样，比如斜杠“/”和反斜杠“\”的区别。 ...
ReactNative 启动屏优化
LetMet的博客
09-16 309
ReactNative 启动屏优化 android启动屏会有一段时间的白屏，因为这段时间的启动过程中先使用windowbackground的颜色，然后再启动到mainactivity。 优化方法： 1.设置windowbackground的背景为空，表现为 启动时会先有种点击了卡住的感觉，因为此时应以已启动，但因为是透明的所以看不到。 2.给设置背景颜色 这种会更友好一点 3.使用背景图片，这个适配不同的手机会有问题，图片会拉伸变形 4.使用layer-list 去自定义背景的，图片可以设置大小，背景可以使
CSS【background+url路径写法（同一路径或不同路径）】
随便写写
07-07 1万+
CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果:background-color 属性定义了元素的背景颜色.页面的背景颜色使用在body的选择器中: background-image 属性描述了元素的背景图像.默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体.尽量把图片放置在与.html文件同一目录下【我自己在写background-image的时候，把网页文件和图片放到两个不同文件夹中，需要加../同一级/图片】默认情况下 background-image
background属性
Xiang_Gong_Ya_的博客
04-14 367
background-size : contain; background-size : cover; // 图像随屏幕拉伸 background-origin 背景图片应根据盒模型的哪个区域进行定位。 当值为border-box时，背景图片的位置根据边框区域定位 为padding-box时其位置根据边距区域定位 为content-box时其位置根据内容区域定位。 background-attachment fixed意味着背景图片固定在视口并且不会移动，即使用户正沿着视口滚动。 local意味.
Html+CSS 学习第二天
七夜的博客
03-08 678
Html+CSS 学习第二天
零基础CSS入门教程(5)–背景样式
程序员大阳
10-13 1339
本文目录1. 前言2. 设置背景色3. 设置背景图片 1. 前言 之前讲了文本和字体，用来设置文字相关的样式。 本篇讲述下背景的用法，包括背景色、背景图像、背景图像的平铺方式、背景图像的定位，以及整个背景样式的简写方式。 2. 设置背景色 我们可以通过background-color给标签设置背景颜色，例如： <div style="background-color: yellow;"> <p> 春眠不觉晓 </p&gt
const ViewRender = memo((props: ViewProps) => { const { pointData, pageData, width, dragStop, onDragStart, onResizeStop, preview } = props; const FixedData: Array<PointDataItem> = pointData.filter(e => e.item.type == 'Fixed') const nFixedData: Array<PointDataItem> = pointData.filter(e => e.item.type != 'Fixed') return ( (!preview ? ( <GridLayout cols={24} rowHeight={2} margin={[0, 0]} width={width} // @ts-expect-error onDragStop={debounce(dragStop, 500)} onDragStart={onDragStart} onResizeStop={onResizeStop} style={{ minHeight: '100vh', backgroundSize: '100%', backgroundRepeat: 'no-repeat', backgroundColor: pageData && pageData.bgColor, backgroundImage: pageData && pageData.bgImage ? `url(${pageData.bgImage[0].url})` : 'initial' }} > {pointData.map((value: PointDataItem) => ( <div key={value.id} data-grid={value.point} className={onDragStart && styles.dragItem} style={{ overflow: value.item.type == 'Fixed' ? 'visible' : 'hidden' }}> {value.item.type == 'Fixed' ? ( <div style={{ transform: `translateY(-${value.item.config.y}px)` }}> <DynamicEngine {...(value.item as any)} isTpl={false} /> </div> ) : ( <DynamicEngine {...(value.item as any)} isTpl={false} /> )} </div> ))} </GridLayout> ) : ( <> <GridLayout cols={24} rowHeight={2} margin={[0, 0]} width={width} style={{ minHeight: '100vh', backgroundSize: '100%', backgroundRepeat: 'no-repeat', backgroundColor: pageData && pageData.bgColor, backgroundImage: pageData && pageData.bgImage ? `url(${pageData.bgImage[0].url})` : 'initial' }}> {nFixedData.map((value: PointDataItem) => ( <div key={value.id} data-grid={value.point}> <DynamicEngine {...(value.item as any)} isTpl={false} /> </div> ))} </GridLayout> {FixedData.map((value: PointDataItem) => ( <div key={value.id} data-grid={value.point}> <DynamicEngine {...(value.item as any)} isTpl={false} /> </div> ))} </> )) ) })帮我优化这段代码
最新发布
06-06
<div style={{ transform: `translateY(-${item?.config?.y}px)` }}> {dynamicEngine(item)} </div> ) : ( dynamicEngine(item) )} </div> ))} </GridLayout> ) : ( <> <GridLayout cols={24} ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值