【css美化button按钮】CSS美化上传控件input type=file特效

更新时间：2018-02-24 来源：按钮特效手机版 字体：大中小

【www.bbyears.com--按钮特效】

提示：您可以先修改部分代码再运行

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>new document</title>
<meta name="author" content="ximan" />
<meta name="key<a href="http://www.bbyears.com/clist-116-1.html" target="_blank" class="keylink">word</a>s" content="" />
<meta name="description" content="" />
<style>
*{margin:0;padding:0;}
body{margin:30px;}
.upload1{position:relative;width:260px;height:30px;}
.ipt_text{width:174px;height:24px;line-height:24px;padding:2px;border:1px solid #aaa;}
.btn{width:70px;height:30px;line-height:30px;border:1px solid #aaa;}
.upload_file1{position:absolute;left:0;top:0;width:260px;height:30px;line-height:30px;opacity:0;filter:alpha(opacity:0);}

.upload2{overflow:hidden;position:relative;width:134px;height:40px;cursor:pointer;background:url(icon_upload.png) no-repeat;}
.upload_file2{position:absolute;left:0;top:0;font-size:90px;margin:-20px 0 0 -1100px;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
</style>
</head>

<body>

<br />
<p>第一种普通上传样式</p>
<br />
<br />
<br />

<br />
<p>第二种按钮样式</p>
</body>
</html>

提示：您可以先修改部分代码再运行

本文来源：http://www.bbyears.com/wangyetexiao/39490.html

链接：http://www.bbyears.com/wangyetexiao/39490.html
【css美化button按钮】CSS美化上传控件input type=file特效(转载时请注明本文出处及链接)

猜你感兴趣

[wordpress中实现首页显示图片]WordPress中实现首页显示多个图片、文字友情链接 2018-02-24
【ipad和iphone不想同步】如何在iPhone、iPad和iPod touch上创建帐户 2018-02-24
【javascript学习指南】JavaScript版TAB选项卡效果代码 2018-02-24
三星手机无线连接成功无法打开网页怎么解决|三星手机无线连接成功，无法打开网页怎么办 2018-02-24
[wordpress中让不同分类不同图标的方法]WordPress中让不同分类不同图标的方法 2018-02-24
[dlink路由器设置]dlink路由器怎么安装怎么设置上网图解 2018-02-24
android studio|Android RelativeLayout 属性用法详解 2018-02-24
【windows7中iis7安装与配置文件】Windows7中IIS7安装与配置图解 2018-02-24
三星手机如何截图_三星I9502手机如何恢复出厂设置 2018-02-24
[路由器pppoe连接不上]dlink路由器PPPoE上网设置图解 2018-02-24

本类排行

本类最新

更多>>

【css美化button按钮】CSS美化上传控件input type=file特效

猜你感兴趣

热门标签

本类排行

本类最新