如何设定上传到网上的图片大小值css?

html-css014

如何设定上传到网上的图片大小值css?,第1张

你是网站拥有者的话可以通过CSS设置图片的width和height来控制图片显示的大小,如果你不是网站的拥有者则可以通过PS或FW等图片处理软件调整好大小值后再上传,如果网站支持CSS的话可以通过<img src="xxxx图片地址" style="width:【数值】pxheight:【数值】px">

1.可以利用css的定位元素来实现。

<style>

.btn{position: relativeoverflow: hiddenmargin-right: 4pxdisplay:inline-block*display:inlinepadding:4px 10px 4pxfont-size:14pxline-height:18px*line-height:20pxcolor:#ffftext-align:centervertical-align:middlecursor:pointerbackground-color:#5bb75bborder:1px solid #ccccccborder-color:#e6e6e6 #e6e6e6 #bfbfbfborder-bottom-color:#b3b3b3-webkit-border-radius:4px-moz-border-radius:4pxborder-radius:4px}

.btn input {position: absolutetop: 0 right: 0margin: 0border: solid transparentopacity: 0filter:alpha(opacity=0) cursor: pointer}

</style>

<div id="up_btn" class="btn">

<span>添加图片</span>

<input id="photoimg" type="file" name="photoimg">

</div>