100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html网页代码中 通过css类引入图片并设置

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

时间:2022-11-04 23:23:56

相关推荐

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

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

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

类型一:(√)

.vip {padding-top: 10px;//内边距width:100px;//宽度height:50px;//高度content:url(https://www.你的网址.com/images/vip.png);//图片文件地址}

类型二:

.vip2:before {//关于html中:before用法可自行百度content:url(https://www.你的网址.com/images/vip.png);}

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

.vip3 {padding-top: 10px;//内边距width:100px;//宽度height:50px;//高度background-image: url('https://www.你的网址.com/images/vip.png');//图片文件地址}

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

2、如何引用这些类

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。