盒模型在CSS中,一个独立的盒子模型content(内容)、border(边框)、padding(内边距)和margin(外边距)4个部分组成。一个盒子实际所占用的宽度或高度是由“内容+内边距+边框+外边距”组成的。设置边框样式border-styleborder-widthborder-color...
分类:
Web程序 时间:
2014-08-31 01:37:50
阅读次数:
287
/*Typing Loader*/div.typing { width: 400px; height: 300px; margin: 20px auto 500px; border: 2px #0f0 solid; background: #000; }.typing_loader{ width: ...
分类:
Web程序 时间:
2014-08-31 00:18:30
阅读次数:
819
/* Timer*/.timer{ width: 240px; height: 240px; background-color: transparent; box-shadow: inset 0px 0px 0px 2px #fff; border: 2px #f00 solid; border-r...
分类:
Web程序 时间:
2014-08-30 19:03:29
阅读次数:
4133
font-family:"sans serif"文字的字体border-width:1px; border-style:solid; border-color:#CCCCCC;边框 实现 边框颜色style="border-width:1px; border-style:solid dashed; ...
分类:
Web程序 时间:
2014-08-30 18:57:09
阅读次数:
277
1.设置图片边框:border-width:(粗细) ; border-color:(颜色) ; border-style:(线性) ; 不同的边框可以设置不同的样式,eg:border-left-style、 border-top-width .... solid实线2.图片...
分类:
其他好文 时间:
2014-08-30 17:43:29
阅读次数:
251
/* 线性渐变 */div.radial {width: 600px;height: 100px;margin: 30px auto;border: 1px #f00 solid;background: -webkit-gradient(linear, 0 0, 0 100%, from(yello...
分类:
Web程序 时间:
2014-08-30 17:36:40
阅读次数:
356
永远没有滚动条字多了才会有滚动条字多了也不会有滚动条,但是会被撑开
分类:
其他好文 时间:
2014-08-29 19:40:38
阅读次数:
176
HTML 1 .menu{ 2 position:absolute; 3 width:200px; 4 background:#eee; 5 border:1px solid #ddd; 6 ...
分类:
编程语言 时间:
2014-08-29 17:36:48
阅读次数:
342
上面的版本为通过左右按钮实现图片轮放,这个版本,是通过在窗口拖动鼠标,左右滑动图片。
关键点在于选择一个合适的值,使鼠标拖动时,所有图片均可显示,但是不会滑动过快或离开窗口。
不多说,直接贡献源码。
img {
position: absolute;
top:200;
left:400px;
/* border: 1px solid #333;*/
padding: 2px 5p...
分类:
其他好文 时间:
2014-08-29 13:11:37
阅读次数:
199
本功能比较简单,就是一个大幕,左右滚动播放图片。
关键点在于如何实现平滑的滚动,包括动画效果,3d效果等。
img {
position: absolute;
top:200;
left:400px;
/* border: 1px solid #333;*/
padding: 2px 5px 2px 5px;
-webkit-transition:ease all 0.7s;
...
分类:
其他好文 时间:
2014-08-29 11:03:27
阅读次数:
196