易搜资源网

html网页源码中,通过css类引入图片并设置

通过引用css类来实现图片的添加并设置:

1、首先创建一个css文件添加一个自定义导入图片类(或者在原有的css文件中添加一个自定义要导入图片的类)

类型一:(√)

.vip { padding-top: 10px; //内边距 

width:100px; //宽度 

height:50px; //高度 

content:url(https://www.yisozy.com/images/vip.png);  //图片文件地址

}

类型二:

.vip2 : before { //关于html中:before用法可自行百度

 content:url(https://www.yisozy.com/images/vip.png); }

类型三:(背景图引入和第一个差不多)

.vip3 { padding-top: 10px; //内边距 

width:100px; //宽度 

height:50px; //高度 

background-image: url('https://www.yisozy.com/images/vip.png');//图片文件地址 

}

需要注意的是,关于高度宽度这些设置需要在引入图片前面设置,如果放在后面将不起作用。(看情况)

2、如何引用这些类

在html元素标签中将class的类名写入就行,比如:

网页源码

本文链接:https://www.yisozy.com/105.html

版权声明:

本站所刊载内容均为网络上收集整理,包括但不限于代码、应用程序、影音资源、电子书籍资料等,并且以研究交流为目的,所有仅供大家参考、学习,不存在任何商业目的与商业用途。

若您使用开源的软件代码,请遵守相应的开源许可规范和精神, 若您需要使用非免费的软件或服务,您应当购买正版授权并合法使用。如果你下载此文件,表示您同意只将此文件用于参考、学习使用而非任何其他用途。

发表评论

  • sjdfoij (2021-04-18 16:21:39) 回应ta
    和前后摆放应该没太大关系,不过有些浏览器版本就不一定了
联系客服
返回顶部