麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > CSS > 正文

CSS模擬小箭頭的實現代碼

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

圖：

HTML代碼：

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

CSS代碼：

復制代碼
代碼如下:
.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 {
/*****設置border-style:dashed;使ie6支持border透明*****/
border-style: dashed solid dashed dashed;
/*****設置容器寬高為0*****/
width: 0;
height: 0;
/*****去掉ie6下默認高度，設置以下屬性*****/
line-height: 0;
font-size: 0;
overflow: hidden;
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 成人做爰高潮片免费视频美国 | 日韩一级片 | 羞羞视频免费观看网站 | 午夜视频在线免费观看 | 特级毛片a级毛片100免费 | 成人不卡一区二区 | 午夜精品久久久久久久96蜜桃 | 高清国产午夜精品久久久久久 | 91久久一区 | 高清一区二区在线观看 | 91福利免费观看 | 亚洲成人在线免费观看 | 欧美精品亚洲人成在线观看 | 午夜精品福利视频 | 黄色一级视频 | 毛片视频在线免费观看 | 国产成人在线免费视频 | 免费观看黄色一级视频 | 久久久国产一级片 | 精品免费在线视频 | 亚洲国产精品久久久久久久久 | 黄色的视频免费观看 | 天天骑夜夜操 | 麻豆国产一区 | 一级大片一级一大片 | 特级a欧美做爰片毛片 | 黄色成人短视频 | 久久蜜桃精品一区二区三区综合网 | 成人精品aaaa网站 | 超碰97人人艹 | 丁香天堂网 | 国产91极品 | 国产成人精品区 | avav在线播放 | 男人的天堂视频网站 | 娇妻被各种姿势c到高潮小说 | 国产精品亚洲欧美一级在线 | 得得啪在线视频 | 羞羞视频.www在线观看 | 国产乱xxxx| 日本不卡一区二区三区在线观看 |