.wrap { width: 300px; height: 300px; border: 1px solid #ccc; border-radius: 5px; } .head { padding: 10px 10px; text-align: center; position: relative; } .head button { width: 30px; height: 30px; line-height: 30px; text-align: center; background: #fff; border: 1px solid #ccc; border-radius: 3px; } .head button.prevbtn { position: absolute; left: 30px; } .head button.nextbtn { position: absolute; right: 30px; } .head select { height: 30px; width: 100px; text-align: center; } .head select option { text-align: center; } .datebody table { width: 100%; } .datebody table td { text-align: center; border:1px solid #ccc;; } .new ,.old{color: #ccc;} .active{background: #0BB20C;}
就是一个简单的日历插件。后期还得修改,代码写的比较多