css控制引入的svg图片大小

Jeri小红薯

于 2020-05-16 22:03:02 发布

阅读量5.4k

点赞数 1

分类专栏： css 文章标签： svg css

本文链接：https://blog.youkuaiyun.com/qq_43557758/article/details/106165861

版权

css 专栏收录该内容

4 篇文章

订阅专栏

这是效果图：
在这里插入图片描述

HTML

<div id="selectFile">
	<button></button>
</div>

CSS（引入的background要在那三行之前！！）

不然就像这样：
hhhh

#selectFile {
	width:45px;
	height:45px;
	border-radius:50%;
	position:fixed;
	top:240px;
	left:270px;
	background-color:pink;
}
#selectFile button {
	border:none;
	outline:none;
	background: url('../images/1.svg');	
	position:absolute;
	top:10px;
	left:10px;
	/*以下三行自定义svg图标大小，缺一不可*/
	background-size: 25px 25px;
	width:25px;
	height:25px;
}