来源:http://www.ido321.com/1214.html前两天翻译了一篇文章,关于利用css的border属性制作基本图形:http://www.ido321.com/1200.html在此基础上,今天分享一篇文章给大家,如果利用CSS制作冒泡提示框。先看2张效果图:CSS:/* 对.....
分类:
Web程序 时间:
2014-11-18 13:21:21
阅读次数:
137
1、新建一个元素,随便什么元素,不过我习惯性的会用块元素来做。如果行内元素就display:block它。2、把它的宽高设置为height:0px; width:0px;3、设置边框border属性,用来实现三角形。首先要了解border具体是怎么样的,我写了一个这样的样式:border:50px ...
分类:
Web程序 时间:
2014-11-17 12:04:49
阅读次数:
182
利用标签的a:hover状态触发鼠标移过的动作,其中未触发状态显示为单个图片。兼容IE6/7/8以及FF/Chrome等主流浏览器。以下是图示及完整代码。原文:http://www.cnblogs.com/eecc/articles/2225473对话商业领袖_网易财经 常德传青岛港集团董事...
分类:
Web程序 时间:
2014-11-15 11:21:18
阅读次数:
172
我给大家介绍一下如何使用CSS3来制作一个圆角阴影、渐变色的漂亮的按钮,它不需要任何图片和javascript脚本,只需要CSS3就可以轻松实现按钮效果,并且可以适用于任意HTML元素,想div,span,p,a,button,input等等。这些纯CSS代码制作的按钮大小可以根据字体大小自动调整,...
分类:
Web程序 时间:
2014-11-13 14:22:29
阅读次数:
199
我们见过很多页面右侧浮动效果,最早有QQ联系面板,对联广告等,大多数都是基于Javascript实现的动态效果,今天我给大家分享一个只需要CSS结合DIV实现的右侧浮动效果。HTML我们希望悬浮效果最后加载,因此一般将其放置在页面HTML的末尾,我们建立一个.side-bar,里面包含了QQ在线咨询...
分类:
Web程序 时间:
2014-11-13 14:21:57
阅读次数:
206
在很多html代码中常常可以看到很多的IE的条件语句,有时候很不明白他们的意思,其实这是为了能与低版本浏览器实现更好的兼容,例如在制作纯CSS的级联菜单时,由于在IE6中只有支持伪类,而其他属性不支持,而且它还会用到表格,而在其他版本浏览器中则不需要那么麻烦,因此给html元素加了个IF语句控制在I...
分类:
Web程序 时间:
2014-11-08 16:40:06
阅读次数:
202
CSS 是网页设计非常重要的一部分,随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择。如今,用纯 CSS 就可以实现各种各样很酷的效果,甚至是动画。本文收集了15个惊人的 CSS3 动画演示,它们将证明 CSS3 Transform 和 Transition 属性的强...
分类:
Web程序 时间:
2014-11-07 14:22:40
阅读次数:
301
今天给大家分享一款纯css实现的漂亮导航。之前为大家分享过jquery实现的个人中心导航菜单,今天这款也是适合放在个人中心。还带来图标,效果不错。一起看下效果图:在线预览源码下载实现的代码。html代码: ...
分类:
Web程序 时间:
2014-11-07 09:44:42
阅读次数:
290
纯css圆角 Snazzy Borders Based on Nifty Cor...
分类:
Web程序 时间:
2014-11-06 14:18:27
阅读次数:
221
效果大致如上图所示:由于PS技术不怎么精湛,能显示出大致效果,真正的html页面的效果要比这个gif图片好太多了。上源码: 1 2 3 4 纯css实现机器人看书 5 6 417 418 419 420 421 4...
分类:
其他好文 时间:
2014-11-02 11:59:30
阅读次数:
176