虽然网上类似甚至相同的案例有很多,但是我还是写下,以记下笔记,也可供大家参考希望大家可以指导批评~~首先我们以列表ul li 来开始我们菜单也可以说导航条的制作:在页面中我们首先构建以下XHTML结构: Menu A Menu A, Item 1 ...
分类:
Web程序 时间:
2014-12-23 16:52:48
阅读次数:
252
也许是受到很久以前看到的这玩意儿的原因:The Shapes of CSS
现在开脑洞写了个自动转换,顺便支持了动画……嗯,纯 CSS (:з」∠)
分类:
Web程序 时间:
2014-12-19 23:17:37
阅读次数:
338
相信很多人都用过利用border来实现小三角箭头,百度一下,这类的文章多如牛毛,这里我还是啰嗦点把常用的方法陈列出来:.triangle_border_up{ width:0; height:0; border-width:0 30px 30px; border-style:...
分类:
Web程序 时间:
2014-12-17 14:24:56
阅读次数:
147
1,使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。.box {/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;vertical-align:middle;/*设置水平居中*/text-align:center;...
分类:
其他好文 时间:
2014-12-17 12:30:50
阅读次数:
149
Triangle Up1234567#triangle-up {width:0;height:0;border-left:50pxsolidtransparent;border-right:50pxsolidtransparent;border-bottom:100pxsolidred;} Tri....
分类:
Web程序 时间:
2014-12-12 23:29:46
阅读次数:
199
在前面一篇中我们介绍了纯CSS实现tooltip提示框,通俗的讲也就是CSS箭头及形状 不过注意一点是,他始终是一个元素,只是通过CSS实现的,今天我们要说的是给这个“tooltip提示框”整体加一个边框,下面是是一篇完成的截图(不了解的可以看看:纯CSS实现tooltip提示框,CSS箭头及...
分类:
Web程序 时间:
2014-12-11 01:32:52
阅读次数:
279
原文:纯CSS实现tooltip提示框,CSS箭头及形状本片介绍仅用CSS做出tooltip那样的提示框及箭头等形状!
首先介绍一下CSS:after选择器
定义和用法:(参考w3school:after选择器) :after选择器在被选元素的内容后面插入内容,使用content属性来指定要插入的内...
分类:
Web程序 时间:
2014-12-10 09:17:50
阅读次数:
251
本片介绍仅用CSS做出tooltip那样的提示框及箭头等形状!首先介绍一下CSS:after选择器定义和用法:(取自w3school:after选择器) :after选择器在被选元素的内容后面插入内容,使用content属性来指定要插入的内容例:p:after{ content:"台词:-...
分类:
Web程序 时间:
2014-12-09 11:56:02
阅读次数:
264
原文:纯CSS隔行换色 css3隔行变换色---www.jbxue.com 1111111前端路上是脚本学堂的多人博客 222222222222CSS3隔行换色测试 333333333提供jquery 教程实例学习代码、html5教程实例和css/css3教程实例学习代码。 44444444前端路上...
分类:
Web程序 时间:
2014-12-08 10:27:31
阅读次数:
155
css版下拉菜单 首页 二级菜单 二级菜单 二级菜单 二级菜单 网页设计 ...
分类:
Web程序 时间:
2014-12-08 00:34:34
阅读次数:
311