效果图:
、
css:
/* 带复选框的下拉框 */
ul li{
list-style: none;
padding:0px;
margin: 0px;
}
.select_checkBox{
border:0px solid red;
position: relative;
display:inline-block;
}
.chartQuota{
...
分类:
其他好文 时间:
2014-09-28 17:48:45
阅读次数:
212
1 .car_li{display: block;float: left;padding: 10px 10px 50px 10px;background-color: #e8e8e8;cursor: pointer;}2 .car_li_cur{background-color: #436db3;}...
分类:
其他好文 时间:
2014-09-28 16:09:33
阅读次数:
140
-webkit-background-clip:padding-box | border-box | content-box | text,指定对象的背景图像向外裁剪的区域。对应的脚本特性为backgroundClippadding-box从padding区域(不含padding)开始向外裁剪背景。...
分类:
Web程序 时间:
2014-09-28 16:00:33
阅读次数:
7991
1 2 3 4 1 .searchBlock{width: 800px;height:120px;position: absolute;top:50%;left: 50%;margin-top: -97px;margin-left: -400px;padding: 15px ...
分类:
其他好文 时间:
2014-09-28 12:35:42
阅读次数:
182
一、margin和padding缩写 例: .sample-margin1{ margin-top:15px; margin-right:20px; margin-bottom:12px; margin-left:24px; }
缩写后:
.sample-margin1{ margin:15px 2...
分类:
Web程序 时间:
2014-09-27 17:27:20
阅读次数:
309
-webkit-box-orient: horizontal||vertical设置或检索弹性盒模型对象的子元素的排列方式。对应的脚本特性为boxOrient。需设置容器的display:-webkit-box;CSS样式:html,body,div{ margin:0px; padding:0px...
分类:
Web程序 时间:
2014-09-26 11:20:38
阅读次数:
2770
<div id="float" class="float"> ?<a>1</a> ?<a>2</a> </div> <style> .float{width:168px;height:294px;position:absolute;top:180px;left:254px;z-index:100;padding-top:32px;} </style> ?<script> (funct...
分类:
其他好文 时间:
2014-09-25 22:13:38
阅读次数:
316
在我们遇到左边图片,右边一段文字,这样的,一段宽度固定,一段宽度不定的情况,我们会用display:box来解决,但是,ie却不会兼容,这样就有以下一种方法html代码xxxxxxxxxxxxxcss代码.img {float:left}.title {padding-left: 45px;disp...
分类:
其他好文 时间:
2014-09-25 18:36:57
阅读次数:
214
分页JS代码
.page{margin:2em;}
.page a{text-decoration:none;display:inline-block;line-height:14px;padding:2px 5px;color:#333;border:1px solid #ccc;margin:0 2px;}
.page a:hover,.page a.on{background:#999;c...
分类:
Web程序 时间:
2014-09-25 11:35:58
阅读次数:
217
CSS盒模型有两种,1是W3C标准的盒模型(chrome firefox ie6+等) 2是IE传统的盒模型(IE 5.5-)盒模型又分外盒模型与内盒模型:(这里只以宽度计算规则为例,高度类似略)W3C标准的内盒宽度=内容宽度+padding+borderW3C标准的外盒宽度=内容宽度+paddin...
分类:
Web程序 时间:
2014-09-25 01:21:57
阅读次数:
445