/* 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
Attribute
SSD (Solid State Drive)
HDD (Hard Disk Drive)
Power Draw / Battery Life
（功耗/电池寿命）
Less power draw, averages 2 – 3 watts, resulting in 30+ minute battery boost√
(更...
分类：
其他好文 时间：
2014-08-29 20:07:18
阅读次数：
335
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
viewport表示的是svg可视区大小，具体体现就是svg元素的width和height属性值所圈起来的区域： <svg?width="400"?height="300"?style="border:1px?solid?#cd0000;">
????<rect?x="10"?y="5"?width="20...
分类：
其他好文 时间：
2014-08-28 17:05:01
阅读次数：
278
/* 径向渐变 */div.radial { width: 600px; height: 400px; margin: 30px auto; border: 1px #f00 solid; background-image: -webkit-gradient(radial,50% 50%,0, 50...
分类：
Web程序 时间：
2014-08-28 00:51:18
阅读次数：
1260
