利用css话三角
来源:互联网 发布:数据恢复精灵的注册码 编辑:程序博客网 时间:2024/05/22 10:49
1、新建一个元素,随便什么元素,不过我习惯性的会用块元素来做。如果行内元素就display:block它。
<div class="triangle"></div>
2、把它的宽高设置为height:0px; width:0px;
3、设置边框border属性,用来实现三角形。
首先要了解border具体是怎么样的,我写了一个这样的样式:
border:50px solid #000; border-color:#f00 #000 #f0f #00f;
在FF下面显示效果如下:
出现4个三角形合并成一个正方形。到这里就很清晰了,只要把想要的保留,其它的设置为透明就可以达到三角形的效果,那么:
border:50px solid #000; border-color:#f00 transparent transparent transparent;
在FF就可以看到一个红色三角形如下:
0 0
- 利用css话三角
- css三角
- 利用CSS 实现子菜单三角符号效果
- CSS - css实现三角
- css小三角
- CSS 小三角
- 纯css实现三角
- CSS倒三角样式
- 纯css三角效果
- 纯CSS 三角
- css实现 三角
- CSS制作三角边框
- CSS制作三角标签
- css三角原理
- css border-style三角
- CSS三角制作
- css伪类写三角
- css小三角
- python特性(六):yield与迭代器生成器
- java元注解
- pat-a1100. Mars Numbers (20)
- POJ 3429 Geometry with a ruler 可能会
- HDU 2086 A1=? [数学问题]
- 利用css话三角
- BZOJ3437: 小P的牧场
- 时间格式转换
- IntelliJ IDEA 提交代码到 GitHub
- 透视学现象如何产生?
- springMvc Model
- BZOJ4652: [Noi2016]循环之美
- ubuntu centos上安装jdk
- 企业商机舆情系统需要做什么方面