效果如图展示:
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
ul,li,p{padding: 0;margin: 0;}
ul,li{list-style: none;}
#box{width: 1000px;height: 600px;border: 1px solid #000;margin: 50px auto;text-align: center;position: relative;}
input{ margin-top: 30px; width: 100px; height: 30px;line-height: 30px; border: 1px solid #ccc;background: #009999;color: #fff;outline: none;}
ul{width: 1000px; height: 500px;top: 100px;position: absolute;background: #fff;}
ul li{width: 240px; height: 250px;float: left;padding: 0