重点实现的功能:
1.文件上传
2.图片缩略图显示(非标准)
3.分页
<!DOCTYPE html>
<html>
<head>
<title>xcglxt</title>
<meta charset="utf-8">
<style type="text/css">
input {
border: 1px solid #ccc;
width: 200px;
height: 30px;
border-radius: 5px;
}
.btn {
background-color: orange;
color: white;
border: none;
width: 100px;
font-size: 14px;
margin: 4px 2px;
cursor: pointer;
/*鼠标样式*/
border-radius: 15px;
}
h3 {
color: gray;
padding-left: 50px;
font-style: italic;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
left: 100px;
bottom: 0;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 100;
}
.dropdown:hover .dropdown-content {
display: inline-block;
}
.desc {
padding: 15px;
text-align: center;