冒泡对话框 css特效
2011-09-06 10:42
330 查看
<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>安博教育中程在线</title> <style> .test{width:300px; padding:30px 20px; border:5px solid #beceeb; position:relative;} .test span{width:0; height:0; font-size:0; overflow:hidden; position:absolute;} .test span.bot{ border-width:20px; border-style:solid dashed dashed; border-color:#beceeb transparent transparent; left:80px; bottom:-40px; } .test span.top{ border-width:20px; border-style:solid dashed dashed; border-color:#ffffff transparent transparent; left:80px; bottom:-33px; } </style> </head> <body> <div class="test"> <span class="bot"></span> <span class="top"></span> <a href="http://www.miiceic.org.cn/">安博教育中程在线企业培训</a> </div> </body> </html>
相关文章推荐
- CSS对话框特效 兼容性好
- javascript结合CSS实现苹果开关按钮特效
- [网页特效]CSS圆角
- css-网页聊天窗口对话框
- 利用css的before和after属性,实现类似QQ对话框效果
- VUE+WebPack游戏设计:用CSS实现扑克牌翻转特效
- css特效
- 纯css实现翻牌特效
- css制作对话框
- 程序员210行纯css代码制作日出动画特效
- 仿HTML5 CSS "标签云"特效-优化效率版
- Metro UI CSS 学习笔记之组件(对话框)
- 用CSS实现图片特效代码
- (div+css特效代码) 导航菜单栏
- 纯CSS实现各类气球泡泡对话框效果
- css大会站点顶部的一个特效
- JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
- 光晕感的文字,带下划线的特效等 css 代码
- css示例学习---文字特效1
- css实现面包屑导航与冒泡框(border属性与伪类选择器)