码迷,mamicode.com
首页 >  
搜索关键字:纯css    ( 819个结果
CSS模拟position:fixed,一边滚动,一边不滚动
纯CSS实现框架一样的效果,一边滚动、一边不滚动,与position:fixed也很像,在IE7/IE8下完全正常,但没在火狐及IE6下测试,如果你有条件测试一下。...
分类:Web程序   时间:2015-04-18 14:36:16    阅读次数:131
CSS盒模型重新理解篇
最近比较闲,思索着怎么提高下JS技术,于是找到了昵称为豪情的这哥们的一篇文章,应该是哥们吧,详细了解了下,发现其中的试题CSS部分有些做起来很吃力,于是乎各种google恶补盒模型,找到了这哥们的一文章《纯CSS无hacks的跨游览器多列布局》,应该是算是中文版吧,翻译辛苦了,这个是原文出处equa...
分类:Web程序   时间:2015-04-17 17:32:37    阅读次数:138
自学篇之-----纯css做的漂亮的单选框复选框样式
<!DOCTYPE html> <html> <head> <title>checkbook</title> <meta charset="utf-8" /> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <style type="text/css"> [id^="checkbox-"] + label...
分类:Web程序   时间:2015-04-17 16:04:51    阅读次数:172
纯CSS下拉菜单代码
超简洁但很实用的纯CSS下拉菜单代码,最多支持二级,不过对于一般性的网站,已经够用了,本代码更重要的是让CSS爱好者学会以一种下拉菜单的编写思路,从而更好的实现更多级的的导航菜单
分类:Web程序   时间:2015-04-15 19:15:14    阅读次数:147
纯CSS写的下拉菜单
效果图,如上图所示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <titl...
分类:Web程序   时间:2015-04-14 21:46:53    阅读次数:134
纯CSS无图实现DIV边框平滑阴影
纯CSS无图实现DIV边框平滑阴影,利用1像素的原理而制作的阴影效果,让每个嵌套的DIV CLASS元素向外延伸一像素,颜色递减,这样就实现了阴影效果,而且效果不错...
分类:Web程序   时间:2015-04-14 14:43:22    阅读次数:126
纯CSS功能齐全的Tooltip工具提示插件
Hint.css是一款功能强大的Tooltip工具提示插件库。hint.css使用SASS来编写,不依赖于JavaScript。该tooltip插件使用data-*属性、伪元素、内容属性和CSS3过渡效果来制作tooltip。 hint.css可以工作在所有的最新版现代浏览器上,CSS的过渡效果可以在IE10+, Chrome 26+ 和 FF4+浏览器上工作。 效果演示:http:/...
分类:Web程序   时间:2015-04-08 15:08:59    阅读次数:168
纯CSS实现扑克牌效果,太牛了吧
纯CSS实现扑克牌效果,太牛了吧?不是图片哦,为了演示便,这里用JavaScript代码去控制了扑克牌的切换,挺不错的。...
分类:Web程序   时间:2015-04-03 17:24:45    阅读次数:110
纯CSS制作液晶屏的显示效果
纯CSS效果的浏览屏显示,8段数码屏效果,虽然代码多了点,但能实现这效果算水平不错咯,呵呵,希望与学习CSS的同仁一起交流提高。...
分类:Web程序   时间:2015-04-01 22:07:22    阅读次数:387
怎样用纯HTML和CSS更改默认的上传文件按钮样式
如果你曾经试过,你就会知道,用纯CSS样式加HTML实现统一的上传文件按钮可能会很麻烦。看看下面的不同浏览器的截图。很明显的,他们长得很不一样。 我们的目标是创造一个简洁,用纯CSS实现的,在所有浏览器里的样子和布局是一样的上传文件按钮。我们可以这样: 步骤1.创建一个简单的HTML标记123...
分类:Web程序   时间:2015-04-01 09:21:05    阅读次数:142
819条   上一页 1 ... 64 65 66 67 68 ... 82 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!