具体的做法是对一个矩形,设置border,并将width和height设置为0,即可模拟出箭头形状(三角形)。 如下图所示绘制了一个矩形,并将矩形的width和height设置为0,border设置为100px:
相关CSS:
复制代码代码如下:
border-left:100px solid #F00;
border-right:100px solid #F00;
border-top:100px solid #00F;
border-bottom:100px solid #00F;
width:0;
height:0;
上面的其实就是四个矩形,分别是上下左右四个方向,如果我们想要某一个方向的矩形,就可以将它相邻两侧的border-color设置为transparent,对侧不设置border
第一个箭头的CSS,其余的类似:
复制代码代码如下:
border-left:100px solid transparent;
border-right:100px solid transparent;
border-bottom:100px solid #00F;
width:0;
height:0;
下面是一个箭头的Demo:
PS: 2012-6-1
IE6不支持transparent,因此上面的代码在IE6加一点处理透明的hack,修改后的代码如下
复制代码代码如下:
border-left:100px solid transparent; border-right:100px solid transparent; _border-left:100px solid black; _filter:chroma(color=black); _border-right:100px solid black; _filter:chroma(color=black); border-bottom:100px solid #00F; width:0; height:0;
Css绘制箭头
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
- 王者荣耀:对抗路难度排行,花木兰最能秀
- 群星《新说唱2024 第3期 (下)》[FLAC/分轨][89.04MB]
- 群星《歌手2024 第2期》[320K/MP3][95.59MB]
- 群星《歌手2024 第2期》[FLAC/分轨][260.73MB]
- 《原神》5.0基尼奇一图流养成攻略 基尼奇怎么培养
- 5.1版本up池角色一览,新版本角色卡池
- 5.1版本新任务介绍,V5.1新任务有哪些?
- 梁朝伟.2000-GREATEST.HITS.2CD【BMG】【WAV+CUE】
- 郑智鸿.2024-迷途之外【黑籁音乐】【FLAC分轨】
- 陈百强.1986-凝望(2024环球MQA-UHQCD限量版)【环球】【WAV+CUE】
- 重构阿塔提斯官网上线 开启科幻竞技对战狂潮
- 怎么升级dnf手游异界装备 dnf手游异界装备升级攻略介绍
- 三国杀OL新武将「谋」孙坚热血登场 限时活动火热进行
- dnf手游决斗币怎么兑换 dnf手游决斗币兑换优先级介绍
- dnf手游决斗币在哪获得 dnf手游快速获取决斗币方法介绍