时间:2021-05-08
DIV+CSS 斜线效果很简单,只需设置一下CSS Border 的边框就能有斜线效果。代码分享给大家,你可以自己变通。
提示要注意两点:1、DIV宽高的定义。2、DIV在 IE6 中默认是有高度的。
上图右边是我们要实现的效果,代码如下:
复制代码代码如下:
<div id="box"></div></p><p><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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文介绍了CSS利用table实现五种常用布局的方法示例,分享给大家,具体如下:布局一:效果:代码:html:headermainfooter注意:div中要有
网站建设迩来老又客户问一些技能性的成就比如CSS+DIV是什么等等,现在的网站制作的措辞和东西都越看越完善和方便,CSS+DIV的呈现让网站制作技能加倍的齐备,
本文介绍了使用HTML5和CSS3制作一个模态框的示例,分享给大家,具体如下:源码示例可能你并不想看我下面的一堆冗长的说明,想直接查看源码或者一个在线示例。下面
伴着DIV+CSS的火热,很多朋友都开始用DIV来进行网站制作。你也用DIV我也用DIV,但是您知道DIV其实也不一定就适合所有的网站制作。首先来说说DIV进行
在Word中制作表格是我们经常遇到的问题之一,绘制斜线表头又是表格中经常用到的,比如两斜线表头,三斜线表头等,现在小编就和大家分享Word文档中如何绘制斜线表头