用DIV+CSS写小三角

更新时间：2007年01月29日 00:00:00 作者：

<!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> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> /*test*/ *{ margin:0; padding:0; font-size:12px; font-family:Verdana, Arial; line-height:1.8; list-style:none;} #info,#nav{ margin:50px; border:1px dashed #f30; background:#ffc; padding:50px;} #info div{background:#f00; width:0px; height:0px; overflow:hidden; margin-bottom:10px;} /*测试*/ #com_a{ border-top:10px solid #ffc;border-left:10px solid #f30;border-bottom:10px solid #ffc;} #com_b{ border-top:10px solid #ffc;border-right:10px solid #f30;border-bottom:10px solid #ffc;} #com_c{ border-top:10px solid #ffc;border-right:10px solid #f30;border-bottom:10px solid #ffc;border-left:10px solid #f30;} #com_d{ border-top:10px solid #f30;border-right:10px solid #ffc;border-bottom:10px solid #f30;border-left:10px solid #ffc;} #com_e{ border-top:10px solid #ffc;border-left:10px solid #f30;} #com_f{ border-top:10px solid #f30;border-right:10px solid #ffc;border-left:10px solid #ffc;} #com_g{ border-right:10px solid #ffc;border-bottom:10px solid #f30;border-left:10px solid #ffc;} #com_h{ border-top:10px solid #f30;border-bottom:10px solid #f30;border-left:10px solid #ffc;} #com_i{ border-top:10px solid #f30;border-right:10px solid #f30;border-bottom:10px solid #f30;border-left:10px solid #ffc;} </style> </head> <body> <div id="info"> <h1>测试</h1>   <div id="com_a"></div>   <div id="com_b"></div>   <div id="com_f"></div>   <div id="com_g"></div>   <div id="com_c"></div>   <div id="com_d"></div>   <div id="com_e"></div>   <div id="com_h"></div>   <div id="com_i"></div> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

用DIV+CSS写小三角

层盖住下拉列表框问题解决方案
首先，我们不得不承认IE7以前的IE系列浏览器对web标准支持的真的很差。IE6的诡异解析模式让一些开始学习web标准的朋友老是碰到不能理解的问题。特别是这个IE6向IE7过渡的是非年代。
2008-09-09
CSS规则层叠的应用 css必须要注意的几点
前几天，我解释了 CSS规则层叠时的算法虽然看起来复杂，但是在实际应用过程中，还不算太复杂，因为诸如user style和inline style之类的东西我们很少考虑。
2008-04-04
多浏览器css兼容分析小结
多浏览器css兼容分析小结...
2007-11-11
用CSS打造抽屉菜单
用CSS打造抽屉菜单...
2006-12-12
css创意ul+li实现的细线表格实现代码
非常用创意的用ul+li实现的细线表格效果，不用table
2008-08-08
htm页面中<a name>加name和id的冲突附解决方法
原来在<a name="jb51"> 和<span id="jb51">是冲突的，唉弄了好一会，郁闷临时解决方法就是在后面的id中加了一个2，就是<span id="jb512">
2008-07-07
怎样管理好样式
怎样管理好样式...
2006-11-11
CSS3实现动态翻牌效果仿百度贴吧3D翻牌一次动画特效
本文主要分享一个利用CSS3新特性transform，实现3D翻牌的特效，有需要的小伙伴可以参考下。
2016-05-05
css也疯狂! 用background 插入flash播放器
css也疯狂! 用background 插入flash播放器...
2007-01-01
CSS单标签实现复杂的棋盘布局
这篇文章主要介绍了CSS单标签实现复杂的棋盘布局的相关资料,需要的朋友可以参考下
2022-09-09

用DIV+CSS写小三角

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具