文件域和图像域的使用（input标签type=file/image的使用）

效果展示

代码

HTML

"en">

    "UTF-8">
    
    "main.css" rel="stylesheet">


"mr-cont">
    
用户信息注册
    

        
"clear">
        "file">
        
        "image" src="img/btn.jpg"name="submit">
    

CSS

.mr-cont{
    width: 800px;
    height: 600px;
    margin: 20px auto;
    text-align: center;
    border: 1px solid #f00;
    background: url(./img/bg.png);
}
h2{
    padding: 40px 0 0 0;
}
form{
    width: 554px ;
    height: 462px;
    margin: 0 0 0 150px;
    background: url(./img/4-9.png);
}
.clear{
    height: 100px;
}
[type="file"]{
    display: block;
    padding: 0 0 0 175px;
}
[type="image"]{
    margin: 304px 0 0 100px;
}