国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

div和css制作斜線示例分享

2024-07-11 08:31:24
字體：大 中 小
來源：轉載
供稿：網友

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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 樟树市| 望谟县| 平邑县| 布拖县| 宝应县| 安泽县| 页游| 襄城县| 富平县| 呼和浩特市| 太仆寺旗| 黑河市| 宜君县| 安顺市| 宝兴县| 秭归县| 黄石市| 南通市| 牙克石市| 女性| 醴陵市| 东港市| 民乐县| 武冈市| 绍兴市| 佛冈县| 丰原市| 抚松县| 长兴县| 石屏县| 留坝县| 都匀市| 青海省| 达拉特旗| 静乐县| 米脂县| 屏东县| 萝北县| 漳州市| 姜堰市| 集安市|