div+css 斜线效果很简单,设置一下css border 的边框就能有斜线效果。
注意两点:
1、div宽高的定义。
2、div在 ie6 中默认是有高度的。
图示:
上图右边是要实现的效果。
代码:
在ff ie7 ie8 都显示正常,但在ie6中,却如上图左边所示,中间有差距,因此,需要加一行:
line-height:0px;
最终代码:
<div id="box"></div>
<style type="text/css">
#box{
width:0px; height:0px;
border:40px solid #000;
border-top-color:#930;
border-bottom-color:#0c3;
border-left-color:#fc0;
border-right-color:#009;
line-height:0px;
}
</style>
</head>