css 上传图片时的框（div里画加号“+”）

css

<style>
	#img_div{
		width:100px;
		height:100px;
		border:1px dashed #000; <!-- 虚线 -->
		margin:0 auto; 
		position: relative;
	}
	<!-- 伪元素：横线 -->
	#img_div::before{
		content: "";
		position: absolute;
		left: 35%;
		top: 50%;
		width: 30px;
		border-top: 1px solid;
	}
	<!-- 伪元素：竖线 -->
	#img_div::after {
		content: "";
		position: absolute;
		left: 50%;
		top: 35%;
		height: 30px;
		border-left: 1px solid;
	}
	#img_div>img{
        width: 100%;
        height: 100%;
    }
</style>

html

<div id="img_div">
	<img id="imgSelf">
	<input type="file" id="imgUpload" accept="image/*" style="display:none;">
</div>

页面样式：

样式接下一篇：js 选择图片并在页面预览（以base64形式）