网页特效
建站首页
|
广告代码
|
源码下载
|
站长工具
|
字体下载
|
网页模板
|
收藏本站
|
设为首页
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐:
英文字体
人民币汇率
dw插件
站长常用软件
alexa排名查询
您的位置:
网页特效
->
图层样式
-> 纯CSS“三角边”的实现
纯CSS“三角边”的实现
作者:admin 发布时间:2010-11-27 8:52:57 发布人: admin
<!doctype html> <html> <body> <h2>看看这个例子就会明白所谓“三角边”了</h2> <div style="border-width:40px;border-style:solid;border-color:red green black blue;line-height:0;font-size:0;width:100px;height:0"></div> <h2>把某些边透明掉就可以模拟三角形了，注意ie6下透明的边要是dotted或dashed</h2> <div style="border-width:40px;border-style:dashed dashed solid dashed;border-color:transparent transparent red transparent;line-height:0;font-size:0;width:0;height:0"></div> <div style="border-width:40px;border-style:dashed solid solid dashed;border-color:transparent blue red transparent;line-height:0;font-size:0;width:0;height:0"></div> </body> </html>
纯CSS“三角边”的实现
将本文收藏到QQ书签与更多好友分享
上一篇：文章：
CSS控制页面展开/关闭的代码
下一篇：文章：
JS配合css实现slide文字框缩放伸展效果
本类浏览排行 »
JS配合css实现slide文字框缩放伸展效果
纯CSS“三角边”的实现
CSS控制页面展开/关闭的代码
css制作的弹出式图片预览效果
带关闭功能的网站顶部滑出的广告提示条
纯CSS的下拉菜单 支持IE6 IE7 Firefox
DIV+CSS打造背景图片翻转网页导航菜单
博客常用的jQuery滑动菜单插件
本站推荐文章 »
带关闭功能的网站顶部滑出的广告提示条
漂亮的404错误页面
比较实用的二级下拉导航菜单
点击图片直接把图片地址复制到粘贴板
一款常用的漂亮的JS图片滑动切换效果
兼容ie6、ie7、ff、opera、safari的水平垂..
一款设计精美的CSS滑动门菜单
一款简洁漂亮的CSS滑动门特效