2018 年 6月 29 日随笔档案 - YC小杨

2018年6月29日

摘要：效果图： thml: <div class="yejiCont"> <div class="GraphMap"style="height: 180px; "> <ul class="GraphMapY colorGre colorRed"> <li class="GraphMapYText ">成交阅读全文

posted @ 2018-06-29 21:29 YC小杨阅读(122) 评论(0) 推荐(0) 编辑

树状图

摘要：效果图： css: body,div,span,i,p{margin: 0;padding: 0;}.box{width: 900px;height: 600px;margin: 100px auto;border: 1px solid #333;position: relative;overflo 阅读全文

posted @ 2018-06-29 21:12 YC小杨阅读(313) 评论(0) 推荐(0) 编辑

弹窗拖动功能

摘要： html: <div style="position: absolute;width: 200px;height: 200px;border:1px solid #333"> <div class="tag"style="height: 30px;border-bottom: 1px solid # 阅读全文

posted @ 2018-06-29 16:16 YC小杨阅读(115) 评论(0) 推荐(0) 编辑

Bootstrap 按钮样式

摘要： .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; 阅读全文

posted @ 2018-06-29 15:55 YC小杨阅读(194) 评论(0) 推荐(0) 编辑

简易日历插件

摘要：效果图： html： <li class="nav-item">日历</li> css: .Dat{width: 200px;position: fixed;z-index: 99;font-size: 12px;color: #000;background-color: #fff;}.Dat .D 阅读全文

posted @ 2018-06-29 15:55 YC小杨阅读(144) 评论(0) 推荐(0) 编辑

简易下拉菜单

摘要：效果图： thml : <span class="list-menu"> 操作＋ <ul class="menu"> <li class="menu-item"><a href="">编辑</a></li> <li class="menu-item"><a href="">预览</a></li> 阅读全文

posted @ 2018-06-29 15:55 YC小杨阅读(115) 评论(0) 推荐(0) 编辑

Bootstrap 响应式样式

摘要： .container-fluid{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}.container {padding-right: 15px;padding-left: 15px;margi 阅读全文

posted @ 2018-06-29 15:13 YC小杨阅读(232) 评论(0) 推荐(0) 编辑