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形式）

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

html css好看的提示框,div对话框,js+div+css实现好看的提示框效果(转)
div对话框,js+div+css实现好看的提示框效果(转) (2012-02-18 20:46:23) 标签: html div css 杂谈提示窗都越来越人性化了,呵呵,有的时候老板就和你要那么 ...
css 使用伪类在div底部画一条线
<div class="div></div>.div {position: relative;} .div::after {content: ''; // 必须pos ...
html怎么设置扩大缩小不变形,DiV里CSS控制图片按比例扩大缩小不变形
一般来说,我们设定一定宽度高度的div标签,在里面放上图片,只有当图片大小尺寸符合这个宽度和高度的时候显示最佳.那有的时候不同的界面,同样的信息(比如头像)放大的尺寸是不一样,怎么才能让图片根据DIV ...
应用DIV+CSS编码时容易犯的一些错误
CSS+DIV是网站标准(或称"WEB标准")中常用的术语之一, 通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别, 因为XHTML网站设计标准中,不再使用表 ...
[css] 如何让大小不同的图片等比缩放不变形显示在固定大小的div里？写个例子
[css] 如何让大小不同的图片等比缩放不变形显示在固定大小的div里?写个例子图片等比缩放 img{ object-fit: cover/contain;}div宽高比例固定,跟随屏幕变化而变化, ...
html表格输入框怎么左移动,当我向CSS中的文本框添加边框时，HTML表单输入会移动...
我想在登录表单上的输入字段中添加边框,但是当我添加边框时:1px纯黑色;到#登录表单输入,然后所有的文本框移出位置.当我向CSS中的文本框添加边框时,HTML表单输入会移动当用户输入不正确的凭据到表 ...
css html 对错号,HTML_DIV+CSS编码时易犯的错误，CSS＋DIV是网站标准（或称“WEB - phpStudy...
DIV+CSS编码时易犯的错误 CSS+DIV是网站标准(或称"WEB标准")中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTM ...
百度ueditor上传图片时如何设置默认宽高度
百度ueditor上传图片时如何设置默认宽高度一.总结一句话总结:直接css或者js里面限制一下就好,可以用html全局限制一下图片的最大高度直接css或者js里面限制一下就好,可以用html全 ...
css复选框样式_使用CSS样式复选框
css复选框样式 Introduction: 介绍: Sometimes we want to develop a website or web page that would contain a f ...

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

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

最新文章

热门文章