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

首頁 > 開發(fā) > CSS > 正文

CSS模擬小箭頭的實(shí)現(xiàn)代碼

2024-07-11 08:26:02
字體：大 中 小
供稿：網(wǎng)友

圖：

HTML代碼：

復(fù)制代碼
代碼如下:
<div class="pre-wrap">
<div class="pre">
<div class="pre1"></div>
<div class="pre2"></div>
</div>
</div>

CSS代碼：

復(fù)制代碼
代碼如下:
.pre-wrap {
width: 200px;
height: 120px;
margin: 50px auto 0;
border: 2px solid #F00;
border-radius: 4px;
position: relative;
}
.pre {
width: 80px;
height: 80px;
position: absolute;
top: 20px;
left: 40px;
}
.pre1 {
border-width: 40px;
border-color: transparent #F30 transparent transparent;
}
.pre2 {
border-width: 40px;
border-color: transparent #FFF transparent transparent;
position: relative;
top: -80px;
left: 15px;
}
.pre1, .pre2 {
/*****設(shè)置border-style:dashed;使ie6支持border透明*****/
border-style: dashed solid dashed dashed;
/*****設(shè)置容器寬高為0*****/
width: 0;
height: 0;
/*****去掉ie6下默認(rèn)高度，設(shè)置以下屬性*****/
line-height: 0;
font-size: 0;
overflow: hidden;
}

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 灵川县| 都昌县| 昌都县| 德保县| 兖州市| 广宁县| 新安县| 敖汉旗| 泰宁县| 梧州市| 新沂市| 长春市| 毕节市| 天峨县| 南郑县| 哈尔滨市| 承德市| 隆化县| 正镶白旗| 韩城市| 大城县| 扶沟县| 大理市| 教育| 饶河县| 若羌县| 江城| 桦甸市| 西吉县| 新乐市| 安宁市| 保定市| 凉山| 潮州市| 金寨县| 清河县| 利津县| 蒲城县| 平乐县| 沅江市| 应城市|