龙都娱乐»HTML/CSS»DIV+CSS 斜线效果

DIV+CSS  斜线效果

来源:Web龙都娱乐 发布时间:2012-05-20 阅读次数:
  DIV+CSS 斜线效果很简单,只需设置一下CSS Border 的边框就能有斜线效果。代码分享给大家,你可以自己变通。   admin10000.com 提示要注意两点:1、DIV宽高的定义。2、DIV在 IE6 中默认是有高度的。   上图右边是我们要实现的效果,代码如下: <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; } </style>   在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>
QQ群:WEB龙都娱乐官方群(515171538),验证消息:10000
微信群:加小编微信 849023636 邀请您加入,验证消息:10000
提示:更多精彩内容关注微信公众号:全栈龙都娱乐中心(fsder-com)
网友评论(共0条评论) 正在载入评论......
理智评论文明上网,拒绝恶意谩骂 发表评论 / 共0条评论
登录会员中心
龙都娱乐