一些好用的跟常用的属性样式 --- 19/03/21

背景图片缩放（Background）

<style>
background:url("图片地址") no-repeat;		//no-repeat表示背景图不重复
background-size:宽 高;						//方法1.设置宽高与控件一致，即可实现缩放
background-size:cover;						//方法2.等比缩放为最大的大小 对图片进行裁剪
background-size:contain;					//方法3.等比缩放为最小的大小 可能无法覆盖整块区域
</style>

Input

<style>
	input{
		border:none;						//取消边框
		background-color:transparent;		//背景透明
		outline:none;						//取消获取焦点时的边框
		color:red;							//输入文本、光标的颜色
		-webkit-text-fill-color：blue;		//输入文本、placeholder的颜色
		caret-color:yellow;					//光标颜色
		text-indent:1em;					//输入框文本缩进，单位看自己习惯用什么
	}
</style>