怎么在css中插入图片

怎么在css中插入图片,第1张

css插入方法如下:

*** 作设备:戴尔笔记本电脑

*** 作系统:win10

*** 作程序:html编辑器v821

1、打开html编辑器并创建一个新的html文件。

2、新建完一个新的html文件后,在indexhtml的<style>标签中,输入如下所示的CSS代码

3、输入完CSS代码之后,接下来运行indexhtml页面,可以发现,本地通过背景衜中的本地路径成功调用为了背景,就成功加入了。

css3有一个定位属性,background-position;
比如我们要用要第二个“心”
首先创建一个盒子给他一个宽高度=图标的宽高多1px,为了显示完全而不是刚好重叠,比如这里用20px代替
<div style="width:20px; height:20px; background:url(地址)no-repeat/不重复显示/ 20px 0px/位置是上和右,这里就是距离上面20px的距离,右边距0/"></div>

应该没有吧,要扒下来一个网站直接右击另存为就可以了,里面的都有,JS与CSS也有但CSS里的背景并没有被下下来,还需要手动下载,再改路径就可以了,可能有部分扒下来的CSS与JS有些还要改动

css插入方法如下:

*** 作设备:戴尔笔记本电脑

*** 作系统:win10

*** 作程序:html编辑器v821

1、打开html编辑器并创建一个新的html文件。

2、新建完一个新的html文件后,在indexhtml的<style>标签中,输入如下所示的CSS代码。

3、输入完CSS代码之后,接下来运行indexhtml页面,可以发现,本地通过背景衜中的本地路径成功调用为了背景,就成功加入了。

你的html中只要有匹配这个选择器的dom结构就会自动出现有这个的。不过你这个css选择器太复杂了,需要类似下面这个结构才能匹配(为了简便,这里都是用的div标签,实际情况可能会很复杂):
<div class="public_nav_v3">
<div class="info_wrap">
<div class="info">
<div class="right">
<div class="login_box">
<div class="r_pic">
<div class="avatar_wrap">
<div class="frame frame_1">
在最里面的这个div里就会出现那个了,当然这里很可能还要设定width、height等属性才行,总之就是这么个意思
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

htmlcss重写扒源代码,方法如下:
1、需要有一个chrome浏览器。
2、在本地创建相关文件夹。
3、打开喜欢的网站,右键审查元素,把代码放入到本地创建的txt文本中,更改文件后缀名。
4、建立正确的路径然后把代码粘过去。


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

原文地址: https://outofmemory.cn/yw/13322635.html

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

发表评论

登录后才能评论

评论列表(0条)

保存